텍스트

 

text-align

 

텍스트의 정렬 방식을 결정합니다.

 

h1 { text-align:center; }

h2 { text-align:left; }

h3 { text-align:right; }

 

 

 

text-decoration

 

텍스트를 수식하는 방법을 결정합니다.

 

h1 { text-decoration:overline; }

h2 { text-decoration:line-through; }

h3 { text-decoration:underline; }

h4 { text-decoration:blink; }

 

 

 

text-indent

 

단락의 첫 번째 라인의 들여쓰기 폭을 지정합니다.

 

p { text-indent:50px; }

 

 

 

text-overflow

 

텍스트가 넘칠 경우 처리 방법을 지정합니다.

 

div.test { text-overflow:ellipsis; }    // 텍스트가 넘치면 ...으로 변경됩니다.

div.test1 { text-overflow:clip; }       // 텍스트가 잘립니다.

 

 

 

text-transform

 

텍스트의 대소문자를 변환합니다.

 

h1 { text-transform:uppercase; }

h2 { text-transform:capitalize; }

h3 { text-transform:lowercase; }