CSS 미세 팁 모음

CSS overflow

overflow-x와 overflow-y를 함께 쓸 때, 어느 한 쪽이 visible이고 다른 한 쪽은 아니라면, visible은 auto로 해석된다.

css 단위계: ex & ch

• ex: 현재 폰트의 x 글자 높이값의 n배
• ch: 모노스페이스 폰트 N 글자 너비값의 n배

writing-mode

글이 쓰이는 방향을 정해줄 수 있다. 워드클라우드 만들 때 좋을 듯

p {
	writing-mode: vertical-lr; # 왼쪽에서 오른쪽으로
	writing-mode: horizontal-tb; # 위에서 아래로
}

currentColor

상속받은 색상을 사용한다. 단색 컴포넌트라면 css variable의 도움 없이 컴포넌트의 색상을 통일할 수 있다.

h1 {
	color: red;
	border: 1px solid currentColor; /* red */
}

css