direction
- 텍스트가 써지는 방향을 설정함
- 기본값은 왼쪽 -> 오른쪽 (left-to-right: ltr)
- 오른쪽 -> 왼쪽 (right-to-left: rtl)
text-align
- 수평으로 정렬할 때 사용
- block요소에만 적용
text-justify
text-indent
- 문단의 첫 줄을 들여쓰기 할 때 쓰임
- 텍스트를 담고 있는 block container에 적용
text-overflow
- 박스 안의 text내용이 넘칠 때 적용방법을 지정함
text-decoration
- 텍스트에 밑줄을 긋거나 취소선을 만들 수 있음
<del></del>
취소선 생성
title | desc |
---|
none | 밑줄을 표시하지 않을 때 |
underline | 밑줄 |
overline | 영역 위로 선을 그림 |
line-through | 영역을 가로지는 (취소선) 을 그림 |
text-transform
- 영문자를 표기할 때 텍스트의 대소문자 또는 전각 문자로 변환할 수 있음
title | desc |
---|
none | 변환하지 않을 때 |
capitalize | 시작하는 첫번째 글자를 대문자로 변환 |
uppercase | 모든 글자를 대문자로 변환 |
lowercase | 모든 글자를 소문자로 변환 |
full-width | 모든 문자를 전각문자로 변환 |
text-shadow
text-shadow: none | <가로거리> <세로거리> <번짐정도> <색상>;
title | desc |
---|
가로거리 | 양수 값은 글자 오른쪽, 음수 값은 글자 왼쪽에 그림자를 만든다. 필수 속성 |
세로거리 | 양수 값은 글자 아래쪽, 음수 값은 글자 위쪽에 그림자를 만든다. 필수 속성 |
번짐정도 | 양수 값은 모든 방향으로 퍼져 나가게, 음수 값은 모든 방향으로 축소되어 보이게 한다. 기본값은 0 |
색상 | 그림자 색상을 지정함. 기본값은 현재 글자색 |
letter-spacing
- 텍스트 간격 조절
letter-spacing: normal | 크기
line-height
- 숫자나 백분율로 지정할 경우, 글자 크기를 기준으로 적용
line-height: normal | 숫자 | 크기 | 백분율 | inherit;