CSS - text

text로 시작하는 글자속성

 1. text-align : 수평 정렬

 2. text-decoration : 글자의 여러줄 지정

 3. text-indent : 들여쓰기 지정

 4. text-transform : 영문 대/소문자 변경

---

1. text-align

text-align: left; : 왼쪽정렬
text-align: center; : 가운데 정렬
text-align: right; : 오른쪽정렬
text-align: justify; : 양쪽정렬

<result>

 

 

* input태그 안에서도 사용 가능

<result>

 

 

*table태그 안에서도 사용 가능

<result>

 

---

2.text-decoration

text-decoration : overline;   : 글자 위에 줄
text-decoration : line-through;   : 글자 중간에 줄(취소선)
text-decoration : underline; : 글자 아래 줄
text-decoration : none : 없애기

   ※hover : 마우스 오버시 css 지정

<result>

 

 

---

3. text-indent

text-indent: 양수,음수,%,em
                -> 첫 줄에만 적용 됨

<result>

 

---

 

4. text-transform

text-transform : none       : 변경없음
text-transform : lowercase : 소문자로 변경
text-transform : uppercase : 대문자로 변경
text-transform : capitalize  : 첫글자를 대문자로 변경

<result>