텍스트 관련 CSS - text-decoration / text-transform

텍스트 관련 CSS - text-decoration

• text-decoration 속성을 이용하면 텍스트에 밑줄을 긋거나 취소 선을 표시할 수 있습니다.
• 기본형 : text-decoration : none / underline / overline / lint-through

속성 값	설명
none	밑줄을 표시하지 않습니다.
underline	밑줄을 포시합니다.
overline	영역 위로 선을 그립니다.
line-through	영역을 가로지르는 선(취소 선)을 그립니다.

none / underline / overline / line-through

텍스트 관련 CSS - text-transform

• 영문자를 표기할 때 텍스트의 대,소문자를 원하는 대로 바꿀 수 있습니다. (한글에는 영향을 미치지 않고 영문자에만 적용)
• 기본형 : text-transform : none / capitalize / uppercase / lowercase / full-width

속성 값	설명
none	변환하지 않습니다.
capitalize	시작하는 첫 번째 글자를 대문자로 변환합니다.
uppercase	모든 글자를 대문자로 변환합니다
lowercase	모든 글자를 소문자로 변환합니다.

• 전각문자란 고정 폭 영문자 너비의 두 배 정도 너비의 문자이며 전각 문자 너비의 절반 정도 너비인 문자를 반각문자라고 합니다.

none/ capitalize / uppercase / lowercase

 

 

참고 : HTML5+CSS3 웹 표준의 정석