CSS Types

CSS Types

Editing

〈bg-layer〉

배경 레이어가 겹쳐있는 경우 맨 마지막(아래)이(가) 아닌 위치의 배경에 대한 설정 값 타입이다. <'background-color'> 값을 지정할 수 없다.

구문

  • CSS Backgrounds and Borders Module Level 3
    〈bg-image〉 || 〈bg-position〉 [ / 〈bg-size〉 ]? || 〈repeat-style〉 || 〈attachment〉 || 〈box〉 || 〈box〉

사용되는 타입

  • 〈attachment〉배경 이미지가 지정된 경우 뷰포트로 부터 고정(fixed), 스크롤(scroll) 또는 콘텐츠와 함께 스크롤(local)할지를 나타내는 타입이다. 다중 배경인 경우 콤마로 구분된 연속된 값을 가질 수 있다.
  • 〈bg-image〉<'background-image'> 속성에 사용되는 값의 타입이다.  url() 함수를 사용해서 2차원 이미지를 설정하거나 그라디언트를 설정할 수 있다. 다중 배경인 경우 콤마로 구분된 연속된 값을 가질 수 있다.
  • 〈bg-position〉<'background-position'> 속성에 사용되는 값의 타입이다. 다중 배경인 경우 콤마로 구분된 연속된 값을 가질 수 있다.
  • 〈bg-size〉<'background-size'> 속성에 사용하는 값의 타입이다. 다중 배경인 경우 콤마로 구분된 연속된 값을 가질 수 있다.
  • 〈box〉배경이 그려지는 영역을 결정하는 배경 페인팅 영역을 설정하는 값을 갖는다.
  • 〈repeat-style〉배경 이미지의 크기와 위치가 지정된 후 타일링되는 방식을 설정하는 값을 나타낸다.

버전 명세

Modules
Module NameStatusSummary
CSS Backgrounds and Borders Module Level 3

Last review date: 2022-7-9

©2023 devdic.com, Korea

출처를 밝힌 리소스 이외의 본 레퍼런스에 사용된 모든 생성물의 소유 및 저작권은 devdic.com에 있습니다. 특별히 재배포를 금지한 것 이외는 재배포가 가능하며 반드시 출처를 표기해 주시기 바랍니다.
현재는 베타 버전으로 미등록 및 불완전한 콘텐츠가 일부 있을 수 있습니다. 오류 및 기술 자료 제보(건의)는 언제든지 환영하며 감사드립니다.
기본적으로 W3C 기술 사양을 기준으로 작성하였으며 일반적이지 않은 기술 설명에 대한 내용의 일부는 Mozilla의 MDN web docs에서 도움 받았음을 밝힙니다. 그들을 존경합니다.

master@cydemy.com