◎ Text

- text-align: center, left, right > horizontal alignment

- text-align: justify; > every line has equal width, left, right, margin (ex. magazine)



- text-decoration: overline, line-through, underline (link가 아닌 이상 헷갈릴 수 있으므로 사용하지 않는 것을 권장)

- text-transform: uppercase, lowercase, capitalize



- text-indent: indentation of the first line

- letter-spacing: space between the characters (마이너스 가능, -3px)

- line-height: space between lines

- direction: rtl, ltr (텍스트의 방향)

- word-spacing: space between the words (마이너스 가능, -3px)

- text-shadow: horizontal, vertical, blur, color


- vertical-align: https://www.w3schools.com/cssref/playit.asp?filename=playcss_vertical-align&preval=baseline

- inline, inline-block element의 수직 정렬을 위해 사용된다 > 인라인 요소에만 적용 가능

- 요소 자체의 정렬이며 내용은 적용되지 않음

- 그러나 table cell에는 내용에도 적용됨

- 참조: http://aboooks.tistory.com/171


- text-overflow: clip(잘림), ellipsis(...)


- white-space



◎ Font

- font-family: 폰트 이름이 한 단어 이상일 경우 "Times New Roman" 처럼 묶어쓴다

- font-style: iltalic, oblique(그냥 기울기)


- em: default 16px=1em / possible to adjust the text size in all browsers


- font-variant: small-caps


'WEB PROGRAMMING > CSS' 카테고리의 다른 글

Overflow  (0) 2017.11.09
Position  (0) 2017.11.08
Display, Max-width  (0) 2017.11.08
Table  (0) 2017.11.08
Icon, Link, List  (0) 2017.11.08