CSS - text

택스트 문장에 관련해서 다양한 CSS명령으로 속성부여가 가능하다 일단 기능과 형식에 대해서 다뤄보겠다.

direction : 문장 쓰기 방향에 대한 스타일 속성
속성값 : ltr(왼쪽 > 오른쪽 : 기본), rtl(오른쪽 > 왼쪽)

선택자 { direction : ltr , rtl ;}

text-align : 문장 정렬에 대한 스타일 속성
속성값 : left(기본), right, center, justify(양쪽)

선택자 { text-align: left,right,center,justify; }

text-shadow : 문장의 그림자 효과에 대한 스타일 속성
속성값 : 가로 세로 범짐 색상

선택자{
	text-shadow: px px px #000; 
}

overflow : 박스모델의 폭을 벗어난 문장에 대한 처리 관련 스타일 속성
속성값 : visiable(기본) - 출력 처리, hidden - 숨김 처리, scroll - 스크롤 처리

선택자 { overflow: hidden,visiable,scroll; }

text-overflow : 숨겨진 문장에 대한 처리 관련 스타일 속성
속성값 : clip(기본) - 잘라내기, ellipsis - [...] 기호로 표현하여 출력

선택자{text-overflow: clip,ellipsis; }

text-decoration : 문장 라인(선) 관련 스타일 속성
속성값 : none(기본), underline, line-through, overline

선택자{ text-decoration:underline,line-through,overline; }

text-indent : 문장 들여쓰기 관련 스타일 속성 - 문장 앞부분에 여백 발생

선택자 { text-indent: px; }

text-transform : 문장 변형(알파벳 처리)에 대한 스타일 속성
속성값 : none(기본), uppercase(대문자 변형), lowercase(소문자 변형), capitalize(첫문자만 대문자 변형)

선택자 {  text-transform: uppercase,lowercase,capitalize; }