[정리] 1 | 글자와 텍스트 스타일 속성, 색상 지정 방법 정리

[정리] 1 | 글자와 텍스트 스타일 속성, 색상 지정 방법 정리

글자와 관련된 속성

종류	설명
font-family	글꼴 종류를 지정
font-size	글자 크기 지정
font-style	이탤릭체로 표시할지 지정
font-weight	글자 굵기 지정

텍스트 스타일 속성

종류	설명
color	글자색 지정
text-decoration	텍스트에 밑줄이나 취소선을 표시할지 지정
text-transform	텍스트 전체, 또는 첫 글자 대문지로 표시
text-shadow	텍스트에 그림자 추가
letter-spacing	글자 사이의 간격 지정
word-sapcing	단어 사이의 간격 지정
text-align	텍스트 정렬 방법 지정
line-height	줄 간격 조절

색상을 지정하는 방법

종류	설명
16진수	빨강, 초록, 파랑 각각 두 자리씩 총 여섯 자리의 16진수로 색상 표현
rgb, rgba	rgb(R, G, B)	빨강, 초록, 파랑의 양을 0 ~ 255 사이의 숫자로 표현
	rgba(R, G, B, a)	rgb 형식에 불투명도를 함께 표현
hsl, hsla	hsl(H, S, L)	색상, 채도, 명도의 값으로 색상 표현
	hsla(H, S, L, a)	hsl 형식에 불투명도를 함께 표현
색상 이름	red, yellow, black과 같은 색상 이름 사용

 

 

 

 

 

 

 

 

 

출처 | Do it! HTML+CSS+자바스크립트 웹 표준의 정석(고경희)