CSS Types

CSS Types

Editing

<radial-gradient-syntax>

radial-gradient() 함수에서 매개 변수 타입을 나타낸다.

구문

  • CSS Images Module Level 4
    [ [ [ <rg-ending-shape> || <rg-size> ]? [ at <position> ]? ] || <color-interpolation-method>]? , <color-stop-list>

사용되는 타입

  • <color-interpolation-method><color> 값 사이의 보간에 사용되는 색상 공간(color space)을 나타낸다. 기본적으로 보간 색상 공간은 Oklab이다.
  • <color-stop-list><length-percentage> 값으로 그라데이션에서 색이 지정될 위치(<linear-color-hint>)를 선택적으로 가질 수 있는 색상 값의 목록을 나타낸다. 주의할 점은 색이 지정되는 위치는 색의 범위가 포함되는 <linear-color-stop>과는 다르다.
  • <position>박스형의 요소에 대한 상대적인 2차원 좌표 값을 나타낸다.
  • <rg-ending-shape>그라디언트의 끝 모양이 원 또는 타원인지를 나타낸다.
  • <rg-size>

버전 명세

Modules
Module NameStatusSummary
CSS Images Module Level 4편집자 초안

element(), image(), image-set(), conic-gradient(), repeating-conic-gradient(), image-resolution() 함수가 새롭게 추가되었으나 아직은 모든 웹브라우저에서 지원되지 않는다.


Last review date: 2022-6-3

©2024 devdic.com, Korea

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

master@cydemy.com