[CSS] Text Property (속성 ) : text-align
[CSS] Text Property (속성 ) : text-align
☞ Text 관련 14개 속성(Property)
01. color - 텍스트의 색상 설정
02. direction - 텍스트 방향을 설정
03. letter-spacing - 글자 사이의 여백 설정
04. line-height - 줄 높이를 정하는 속성
05. text-align - 텍스트의 정렬
06. text-decoration - 선으로 텍스트를 꾸밀 수 있게 해주는 속성
07. text-indent - 들여쓰기 또는 내어쓰기 속성
08. text-shadow - 글자에 그림자 효과를 주는 속성
09. text-transform - 대문자 또는 소문자로 바꾸는 속성
10. text-overflow - 글자 자르기
11. unicode-bidi ※ 참조
12. vertical-align - 세로 정렬 방식 설정
13. white-space - 요소 안의 공백 처리 방법을 지정
14. word-spacing - 단어 사이의 간격을 정하는 속성
※ unicode-bidi : direction 속성과 함께 사용되어 같은 문서에서 여러 언어를 지원하도록 텍스트를 재정의해야하는지 여부를 설정
05. text-align - 텍스트의 수평방향 정렬을 지정
text-align 속성은 요소 안의 텍스트 수평 정렬 값을 지정한다.
- 버전 : CSS 1
- 모든 주요 브라우저에서 지원
- 속성값 (value)
left : 왼쪽으로 텍스트를 정렬
right : 오른쪽으로 텍스트를 정렬
center : 중앙으로 텍스트를 정렬
justify : 각 줄의 정렬을 동일한 너비로 일정하게 양쪽 정렬
inherit : 지정 요소의 텍스트 정렬 속성을 부모(상위) 요소로부터 상속받음
/* 구문 */ { text-align:value; } /* example */ div { text-align:left; } p { text-align:right; }
'Web Design > CSS & CSS3' 카테고리의 다른 글
[CSS] Text Property (속성 ) : text-indent (0) | 2018.05.01 |
---|---|
[CSS] Text Property (속성 ) : text-decoration (0) | 2018.05.01 |
[CSS] Text Property (속성 ) : line-height (0) | 2018.05.01 |
[CSS] Text Property (속성 ) : letter-spacing (0) | 2018.05.01 |
[CSS] Text Property (속성 ) : direction (0) | 2018.05.01 |