CSS 기본 4

배경 이미지 관련 속성

종류	설명
background-color	배경색을 지정합니다.
background-clip	배경색이나 이미지를 어디까지 적용할지 지정합니다.
background-image	배경 이미지를 지정합니다.
background-repeat	배경 이미지의 반복 방법을 지정합니다.
background-position	배경 이미지의 위치를 지정합니다.
background-origin	배경 이미지를 배치할 기준을 지정합니다.
background-attachment	배경 이미지를 문서에 고정합니다.
background	하나의 속성으로 배경 스타일을 한꺼번에 지정합니다.
background-size	배경 이미지의 크기를 조절합니다.

선형 그라데이션 관련 속성

종류	설명
방향	끝 지점을 기준으로 to 다음에 방향을 나타내는 예약어를 최대 2개까지 사용할 수 있습니다. 사용할 수 있는 예약어는 left와 right, top, bottom이 있습니다.
각도	그라데이션이 끝나는 각도를 지정합니다. 값은 deg로 표기합니다.
색상 중지점	쉼표(,)로 색상을 구분하며, 색상만 지정하거나 색상과 중지점의 위치를 함께 지정합니다.

원형 그라데이션 관련 속성

종류		설명
모양	ellipse	타원형의 그라데이션을 나타내며 기본값입니다.
	circle	원형의 그라데이션을 나타냅니다.
크기	closet-side	그라데이션 가장자리가 그라데이션 중심에서 가장 가까운 측면에 닿게 합니다.
	closet-corner	그라데이션 가장자리가 그라데이션 중심에서 가장 가까운 꼭짓점에 닿게 합니다.
	farthest-side	그라데이션 가장자리가 그라데이션 중심에서 가장 멀리 떨어진 측면에 닿게 합니다.
	farthest-corner	그라데이션 가장자리가 그라데이션 중심에서 가장 멀리 떨어진 꼭짓점에 닿게 합니다.
위치		at을 앞에 붙인 후 키워드나 백분율을 사용합니다.
색상 중지점		쉼표(,)로 색상을 구분하며, 색상만 지정하거나 색상과 중지점의 위치를 함께 지정합니다.