◎ 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 |