: 글자 색을 지정하는 속성
- 사용법
선택자 {
color : | 색상명(영문)
| 16진수 숫자 RGB(#fff, #ffffff)
| rgb(255, 255, 255)
| rgba(255, 255, 255, 1)
| hsl(360, 100, 100)
| hsla(360, 100, 100, 1)
}
* rgba에서 a는 투명도 (0 : 투명 , 1 : 불투명)
* hsl(색상, 채도, 명도)
* 6개의 색상 지정 방법은 색과 관련된 모든 css 속성에서 사용 가능
: 텍스트에 줄을 긋는 속성
아랫줄 긋기
- text-decoration: underline;
중간줄 긋기
- text-decoration: line-through;
윗줄 긋기
- text-decoration: overline;
줄 없에기
- text-decoration: none;
: 줄 간격(장평)을 지정하는 속성으로
줄 사이 간격을 지정한 만큼 벌리는게 아니라 한 줄의 높이를 지정하는 속성
- line-height: <높이지정>;
: 글자 사이 간격(자간) 지정
- line-spacing: <자간 지정>;
: 글자 요소를 특정 위치에 배치하는 속성
우측 배치
- text-align: right;
좌측 배치
- text-align: left;
중앙 배치
- text-align: center;
정중앙 배치 시, 정 중앙에 배치시키고 싶으면 해당 텍스트가 차지하는 높이를
텍스트를 포함하고있는 태그의 높이를 조정해야 함
줄 길이에 따라 글자 사이 간격을 조절하는 속성
- text-align: justify;
: 텍스트에 그림자 효과를 추가하는 속성
- text-shadow: <그림자 위치> <그림자 색상>