[HTML5 & CSS3] CSS 기초 - 텍스트 스타일

▶ 텍스트 스타일

* color 속성 - 글자 색 지정하기

웹 문서에서 문단이나 제목 등의 텍스트에서 사용되는 글자 색을 바꿀 때 사용.

기본형 ​→ color:<색상>

 

​

* text-decoration 속성 - 텍스트에 줄 표시하기 / 없애기

텍스트에 밑줄을 긋거나 취소 선을 표시할 수 있다.

또한 웹 문서의 기존 내용을 취소하고 새로운 내용을 입력할 때 취소 선을 이용하면 기존 내용을 완전히 삭제하지 않고 새로운 내용과 비교하며 확인할 수 있다.

​

 

* text-transform 속성 - 텍스트 대·소문자 변환하기

​

 

* text-shadow 속성 - 텍스트에 그림자 효과 추가하기

​

 

* white-space 속성 - 공백 처리하기

​

 

* letter-spacing과 word-spacing 속성 - 텍스트 간격 조절하기

강조하고 싶은 글자나 <hn> 태그를 이용해 크게 표시한 글자들은 글자 사이 간격을 조절해 좀 더 여유 있게 표시하면 읽기 편하다.

letter-spacing 속성은 낱 글자 사이 간격을 조절하고 word-spacing 속성은 단어와 단어 사이 간격을 조절하는데 주로 단어 사이 간격은 수정하지 않고 letter-spacing 속성을 사용해 자간을 조절한다.