letter-spacing
p { letter-spacing: 10px }
line-height
p { line-height: 1.5 }
p { line-height: 10px }
text-align
- 텍스트의 위치(왼쪽, 중간, 오른쪽)를 정할 수 있다
p { text-align: left; }
p { text-align: center; }
p { text-align: right; }
text-decoration
- 텍스트를 장식 할 수 있다.
- line-through 👉 텍스트 중간에 선이 그어져서 보인다. 취소선이라고도 한다.
- overline 👉 텍스트 밑줄
- dashed 👉 텍스트 굵은 점선으로 밑줄
- dotted 👉 텍스트 점선으로 밑줄
- double 👉 텍스트 두줄로 밑줄
- wavy 👉 텍스트 웨이브로 밑줄
p { text-decoration: line-through; }
p { text-decoration: overline; }
p { text-decoration: underline; }
p { text-decoration: dashed; }
p { text-decoration: dotted; }
p { text-decoration: double; }
p { text-decoration: wavy; }
text-indent
p { text-indent: 10px; }
text-shadow
- 텍스트에 그림자를 넣는다.
- offset-x 👉그림자의 수평 거리를 지정 (필수)
- offset-y 👉그림자의 수직 거리를 지정 (필수)
- blur-radius 👉흐림 정도를 정한다. (선택사항으로 지정된 값이 없으면 0)
- color 👉색상
p { text-shadow: 3px 3px 3px gray }
text-overflow