[CSS] 문단 관련 속성

문단 관련 속성

속성	설명	값
text-align	텍스트의 가로축 정렬	left, center, right
text-indent	첫 번째 줄에 대한 들여쓰기	px 단위 값
text-decoration	밑줄, 윗줄, 취소선, 깜박임 효과	none(기본값), underline, over-line, line-through
vertical-align	어떤한 요소를 기준으로 한 세로축 위치	top, middle, bottom
letter-spacing	글자간의 간격 (자간)	px 단위 값
word-spacing	단어간의 간격 (어간)	px 단위 값
white-space	줄 바꿈 속성 제어	normal, nowrap

- vertical-align : ~~을 기준으로 텍스트를 배치해야 하기 때문에 텍스트 주변의 이미지나 input요소에게 부여해야 한다.

- text-decoration: blink 속성은 모든 브라우저에서 지원되지 않고 파이어폭스에서만 지원된다.

- white-space : normal인 경우 공백을 기준으로 줄 바꿈이 되므로 공백이 없다면 줄바꿈 처리가 되지 않는다.

=> word-wrap: break-word 속성과 함께 사용하여 글자 단위로 무조건 줄바꿈 처리하도록 설정할 수 있다.

---

텍스트 자동 말줄임 처리

foo{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipse;
}