CSS/속성 - 글꼴,문자
text-align, text-decoration, text-indent
컴공 윤서혜 학습일기
2021. 1. 11. 13:58
1. text-align
문자 정렬 방식을 지원
속성값
| 값 | 의미 | 기본값 |
| left | 왼쪽정렬 | |
| right | 오른쪽 정렬 | |
| center | 가운데 정렬 | |
| justify | 양쪽 맞춤 | 완성된 두줄이상에서 동작한다. |
2. text-decoration
문자의 장식(line)을 설정
속성값
| 값 | 의미 | 기본값 |
| none | 선 없음 | none |
| underline | 밑줄을 지정 | |
| overline | 윗줄을 지정 | |
| line-through | 중앙 선(가로지르는)을 지정 |
3. text-indent
(첫번째줄의) 들여쓰기를 지정
음수 값(Negative Values)을 사용할 수 있다.
음수 값을 사용하면 첫째 줄은 왼쪽으로 들여쓰기(내어쓰기) 된다.
들여쓰기 예)
.momo{
text-indent: 20px;
}
내어쓰기 예)
.momo{
text-indent: -10px;
}