CSS 글자 관련 스타일

이충섭·2024년 1월 17일
0

color

: 글자 색을 지정하는 속성
- 사용법

선택자 {
	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

: 텍스트에 줄을 긋는 속성

아랫줄 긋기
- text-decoration: underline;

중간줄 긋기
- text-decoration: line-through;

윗줄 긋기
- text-decoration: overline;

줄 없에기
- text-decoration: none;

line-height

: 줄 간격(장평)을 지정하는 속성으로
줄 사이 간격을 지정한 만큼 벌리는게 아니라 한 줄의 높이를 지정하는 속성

- line-height: <높이지정>;

letter-spacing

: 글자 사이 간격(자간) 지정

- line-spacing: <자간 지정>;

line-align

: 글자 요소를 특정 위치에 배치하는 속성

우측 배치
- text-align: right;

좌측 배치
- text-align: left;

중앙 배치
- text-align: center;
정중앙 배치 시, 정 중앙에 배치시키고 싶으면 해당 텍스트가 차지하는 높이를 
텍스트를 포함하고있는 태그의 높이를 조정해야 함

줄 길이에 따라 글자 사이 간격을 조절하는 속성
- text-align: justify;

text-shadow

: 텍스트에 그림자 효과를 추가하는 속성

- text-shadow: <그림자 위치> <그림자 색상>

0개의 댓글