CSS 텍스트 속성

[지니쌤]

text-indent : 단락 첫 번째 줄 들여쓰기

[형식] text-indent : 길이 | 퍼센트 | inherit;

  - 블록 요소에만 적용 가능(인라인 요소에는 적용 안됨)

  - 음수값을 지정하면 첫 번째 줄 내어쓰기

---

text-align : 단락의 텍스트를 가로 기준으로 정렬

[형식] text-align : left | center | right | justify | inherit;

  - left : 왼쪽 정렬

  - right : 오른쪽 정렬

  - center : 가운데 정렬

  - justify : 양쪽 정렬

---

vertical-align : 윗첨자, 아랫첨자를 적용하거나 테이블에서 셀의 텍스트 수직 위치 정렬

[형식] 
vertical-align : baseline | sub | super | top | text-top | middle | bottom | text-bottom | 길이 | 퍼센트 | inherit;

  - 인라인 요소와 img 요소, input 요소 등에 적용할 수 있다.

  - 블록 요소의 경우 테이블의 셀(th, td) 요소에 사용할 수 있다. 

    테이블에 vertical-align을 적용할 경우 baseline, top, middle, bottom 값만 인정한다. 

  - 그 외의 블록 요소 안의 콘텐츠 정렬에는 영향을 미치지 않는다.

---

text-decoration : 텍스트에 밑줄을 긋거나 취소선 등의 효과를 적용한다.

[형식] text-decoration : none | underline | overline | line-through | blink | inherit 

---

text-transform : 영문 대소문자를 변경할 때. 

[형식] text-transform : none | uppercase | lowercase | capitalize | inherit

  - 기본값은 none, 영문 대소문자는 입력한대로 출력

  - uppercase는 영문 소문자를 대문자로 출력

  - lowercase는 영문 대문자를 소문자로 변환

  - capitalize는 단어 첫 글자를 대문자로 변환