: 폰트의 크기, 폰트의 지정, 폰트의 스타일, 텍스트 정렬 등을 정의
: 텍스트의 크기 정의
font-family: "Times New Roman", Times, serif;
font-style: italic;
: 이탤릭체 지정
font-weight: bold;
: 폰트 굵기 설정
font: font-style(optional) font-variant(optional) font-weight(optional) font-size(mandatory) line-height(optional) font-family(mandatory);
font-variant: small-caps;
: 소문자를 대문자로(크기는 일반 대문자보다 작음)텍스트의 높이 지정(줄간격), 텍스트 수직 정렬에도 응요되어 사용
: 글자 사이의 간격 지정
letter-spacing: 1px;
텍스트의 수평 정렬 정의
text-align: left;
: 왼쪽 정렬
text-align: center;
: 가운데 정렬
text-align: right;
: 오른쪽 정렬
display: block;
을 지정한다면 중앙정렬 가능text-decoration: none;
: 링크 밑줄 없음
text-decoration: overline;
: 글 위에 라인 추가
text-decoration: line-through;
: 글 중간에 줄 추가
text-decoration: underline;
: 밑줄 추가
:공백(space), 들여쓰기(tap), 줄바꿈(line break)를 의미
: 부모 영역을 벗어난 자동줄바꿈(wrapping)이 되지 않은 텍스트의 처리방법
text-overflow: clip;
:영역을 벗어난 텍스트를 표시하지 않음(기본값)text-overflow: ellipsis;
: 역역을 벗어난 텍스트를 잘라내 보이지 않게 하고 말줄임표로 표시: 한 단어의 길이가 길어서 부모영역을 벗어난 텍스트의 처리 방법 정의
word-wrap: break;
word-wrap: break-word;
: 단어를 어느 정도 고려해서 개행(.,-등을 고려)
word-break: break-all;
: 단어를 고려하지 않고 부모영역에 맞춰 강제 개행
Reference