스타일 속성 - 텍스트(text)

 

■ text-decoration (텍스트 표현방법)

 

텍스트의 언더라인을 표현하는 방법을 지정할 때 사용한다.

 

text-decoration: line-through;
text-decoration: overline;
text-decoration: underline;
text-decoration: none;

 

 

■ text-indent (문단 들여쓰기)

 

 paragraphs(문단)에 들여쓰기를 할때는 사용하는 방법으로 <pre> 태그와 %nbsp 를 사용하지않아도 된다. 정확한 값과 percentages를 지정할 수 있는데 정확한 값을 지정하는 것을 추천한다.

 

text-indent: 20px;
text-indent: 30%;

 

 

 

■ text-align (텍스트 정렬 방법)

 

 웹사이트의 정렬의 기본값은 left이다. 그러나 가끔 다른 정렬을 사용하고 싶다면 text-align 속성을 사용해라.

 

text-align: right;
text-align: justify;

 

 
■ text-transform (문자의 대소문자 변경)

 text-transform은 문자의 대소문자를 쉽게 변경할 수 있다.

 

text-transform: capitalize; (기본값)
text-transform: uppercase: (대문자)
text-transform: lowercase; (소문자)

 

 

 

■ word-spacing (단어 사이의 공간)

 단어 사이의 공간을 말한다.

 

word-spacing: 10px;
This   paragraph   has  a word  ...

 

 

 

■ letter-spacing (글자 사이의 간격)

 

 letter-spacing은 글자 사이의 간격을 지정할 때 사용하는 방법이다.

 

letter-spacing: 3px;

 

 

 

■ vertical-align (수평정렬 방법)

 

 수평정렬를 지정한다. 블럭레벨에서는 적용되지 않고, 인라인 레벨에서만 적용이 된다.

 

 

 

■ 텍스트 스타일 속성들

참고)  http://www.w3schools.com/css/css_text.asp