📁 텍스트 관련 스타일

📃 text-decoration

• 텍스트에 밑줄이나 취소선, 윗줄 등을 추가
• text-decoration 속성이 블록 레벨 요소에 적용된다면 하위 체계에도 모두 적용

속성	설명
none	형태가 없음
underline	밑줄 생성
overline	윗줄 생성
line-through	취소선 생성
color	텍스트의 색상을 적용

📃 text-align

• 텍스트를 정렬하는 프로퍼티

속성	설명
left	왼쪽 정렬
right	오른쪽 정렬
center	가운데 정렬
justify	좌우 정렬
<문자열>	테이블 행에만 적용되는 값으로, 지정된 문자열을 중심으로 정렬

📃 text-indent

• 텍스트의 첫 번째 행을 들여쓰기나 내어쓰기로 설정
• 내어쓰기 경우 음수값 지정

속성	설명
<길이>	고정된 길이로 지정
<백분율>	포함된 블록의 너비를 기준으로 지정

📃 letter-spacing & word-spacing

• 글자 간격이나 단어 간격을 조절

프로퍼티 값	설명
normal	웹 브라우저에 의존하도록 지정
고정 길이	기본 문자 간격에 추가적인 공간을 확보하는 경우에 사용

📃 line-height 속성

• 줄간격 조절하기

p{font-size:10pt; line-height:1.2;}/*숫자를 사용*/
p{font-size:10pt; line-height:120%;}/*백분율 사용*/
p{font-size:10pt; line-height:12pt;}/*크기 값 사용*/

📃 text-transform

• 텍스트의 특정 부분의 알파벳을 대문자 혹은 소문자로 전환

속성 값	설명
capitalize	각 단어의 첫 글자를 대문자로 전환
uppercase	텍스트의 모든 글자를 대문자로 전환
owercase	텍스트의 모든 글자를 소문자로 전환
none	기대소문자를 전환하지 않음

📃 white-space

• 공백 처리 방법 결정

속성 값	설명
normal	웹 브라우저가 연속된 공백을 제거
pre	웹 브라우저가 연속된 공백을 제거하지 못하도록 함
nowrap	태그에 의한 줄바꿈(br 등)을 제외한 줄바꿈은 허용하지 않음

📃 text-overflow 속성

• 넘치는 텍스트 표기하기

속성 값	설명
clip	넘치는 텍스트를 잘라버림
ellipsis	웹 브라우저가 연속된 공백을 제거하지 못하도록 함
nowrap	텍스트가 잘렸다는 의미로 말줄임표(“...”)를 표시