[Web/CSS] CSS - 복습4

✏️ 배경 이미지 관련 속성

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

✏️ 선형 그라데이션 관련 속성

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

✏️ 원형 그라데이션 속성

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