INDEXING

Draft

배경 처리

배경 처리에 관련된 색인

background

CSS3 방식과 그 이전 방식으로 정의가 가능하다. 세부 속성의 작성 순서는 정해져 있지 않다.  세부 속성은 생략될 수 있으며 생략이 된 경우에는 해당 속성의 기본 값으로 설정된다.

background-attachment

'scroll'로 설정된 경우에는 콘텐츠와 함께 배경 이미지도 함께 스크롤 되어진다. 'fixed'로 설정된 경우에는 배경 이미지는 그대로 고정되어 콘텐츠와 스크롤 되어진다.

background-blend-mode

background-clip

background-color

background-image

CSS 3.0에서는 두 개 이상의 배경 설정이 가능하다.

background-origin

background-position

background-repeat

background-size

linear-gradient()

CSS에서 가능한 방법으로 색조를 형성할 색상을 매개 변수로 추가한다. 인수 설정 방식에 따라 다양한 선형 그라디언트를 만들수 있다. rgba() 함수를 이용하여 색상을 설정하는 경우에는 투명도가 반영된 그라디언트를 만들어 낼 수 있다.

radial-gradient()

CSS에서 가능한 방법으로 색조를 형성할 색상을 매개 변수로 추가한다. 인수 설정 방식에 따라 다양한 원형 그라디언트를 만들수 있다. rgba() 함수를 이용하여 색상을 설정하는 경우에는 투명도가 반영된 그라디언트를 만들어 낼 수 있다.

repeating-linear-gradient()

기본적으로 linear-gradient() 함수와 그라데이션을 생성하는 방식은 동일하지만 요소의 영역에 무한으로 그라데이션으로 반복된다. 그라데이션으로 사용될 색을 설정시 범위를 지정해 줘야 반복되는 패턴으로 적용시킬 수 있다.

repeating-radial-gradient()

기본적으로 radial-gradient() 함수와 그라데이션을 생성하는 방식은 동일하지만 요소의 영역에 무한으로 그라데이션으로 반복된다. 그라데이션으로 사용될 색을 설정시 범위를 지정해 줘야 반복되는 패턴으로 적용시킬 수 있다.