1. text-align
.text{
text-align: center;
}- 텍스트의 정렬을 설정하는데 사용하는 스타일입니다.
- block 요소일때만 적용됩니다.
- block 요소이더라도 가로의 길이가 짧은 경우 제대로 적용되지 않습니다.
2. text-indent
.text{
text-indent: center;
}- 들여쓰기 하는데 사용되는 스타일입니다.
- 텍스트의 들여쓰기 간격을 지정해 줄 수 있습니다.
3. text-decoration
.text{
text-decoration: underline;
}- 텍스트를 꾸미는 데 사용합니다
- 밑줄(underline), 텍스트 위쪽 줄긋기(overline), 점선(dashed) 등의 다양한 옵션을 사용할 수 있습니다.
4. word-break
p{
width: 120px;
border: 1px solid black;
}
p[lang="en"]{
word-break: break-all;
}
p[lang="ko"]{
word-break: keep-all;
}- 글자가 블록을 넘어갈때, 줄바꿈을 수행할 지 결정합니다.
- 국가별 언어에따라 적용범위가 다르기 때문에, 속성 선택자를 사용하여 구분해주는 것이 좋습니다.
5. text-transform
.text{
text-transform: uppercase;
}- 글자를 대문자 또는 소문자로 변경한다.
- 한글을 포함한 일부 언어엔 적용되지 않는다.
