[CSS] 스타일 속성 모음

CSS

기본 단위

구분	내용	설명
상대 크기	em	부모 요소의 크기를 기준, 배수를 의미한다 (1배=1em=100%, 1.5배= 1.5em=150%)
	rem	최상위의 부모 요소의 크기를 기준으로 배수
	%	기본 설정된 크기에서 상대적 크기를 의미한다
절대 크기	px	기본 지정된 크기
	pt

텍스트 관련 속성 모음

구분	내용	설명
글꼴 속성	font-family	폰트의 글꼴을 설정
	font-size	글자의 크기를 조절
	font-weight	글자의 굵기를 조절
	font-variant	영어를 작은 대문자로 표시
	font-style	글자를 이텔릭체로 표시
	font	여러 글꼴 속성들을 한번에 나열 가능
텍스트 스타일	color	글자의 색
	text-decoration	글자에 밑줄, 취소선, 윗선 설정
	text-transform	영문자 표시 시 대소문자를 원하는대로 바꿀 수 있다
	text-shadow	텍스트에 그림자 효과넣기
	white-space	여러 개의 공백을 어떤식으로 표시할지 설정 가능
	letter-spacing	글자간의 간격을 조정
	word-spacing	단어간의 간격을 조정
문단 스타일	direction	텍스트 표시 방향을 오른쪽, 왼쪽 단위로 지정 가능
	text-align	문자 위치 정렬 속성 지정
	text-justify	text-align에서 justify 설정시 문자간 간격이 벌어지는데 해당 간격을 조정
	text-indent	문장을 들여쓰기 한다
	line-height	문장끼리의 줄 간격을 조정
	text-overflow	영역을 벗어나는 텍스트 표시 방법 지정
목록 스타일	list-style-type	목록 기호의 스타일 지정
	list-style-image	기호대신 이미지 삽입
	list-style-position	목록 기호 들여쓰기 설정
	list-style	여러 목록 스타일 속성들을 한번에 나열하여 지정 가능

배경 관련 속성 모음

구분	내용	설명
배경 색	background-color	배경색 지정
	background-clip	배경 범위 조절
배경 이미지	background-image	배경에 이미지 설정
	background-repeat	배경 이미지 반복 출력 방식 설정
	background-size	배경 이미지 크기 조절
	background-position	배경 이미지 위치 조절
	background-origin	배경 이미지 배치 시 기준을 지정한다
	background-attachment	웹페이지 스크롤 시 배경을 움직이지 않게 고정 가능
	background	배경 이미지의 속성들을 한번에 나열하여 설정 가능