Functions

Editing

var(<custom-property-name>[, <declaration-value>fallback-value])

작성자 지정 속성 값을 사용할 수 있다.

매개 변수

사용자 정의 속성명을 나타낸다.

아래와 같이 --* 형식으로 작성자가 정의한 속성을 나타낸다.

--myColor: #FFFF00;
  • CSS Custom Properties for Cascading Variables Module Level 1
    <dashed-ident>

    두 개의 대시 문자로 시작하는 <custom-ident> 값이다.

Details

포함된 타입

  • <dashed-ident>

    <custom-ident> 의 하위 타입이며 암시하는 모든 대소문자 구분과 두 개의 대시(U+002D HYPHEN-MINUS)로 시작해야 한다는 추가 제한이 있다.

<declaration-value> 타입은 시퀀스에 허용되지 않는 토큰이 포함되지 않는 한 하나 이상의 토큰 시퀀스와 일치한다. 유효한 선언이 값으로 가질 수 있는 전체를 나타낸다.

작성자 정의 속성을 찾는 데 실패했을 경우에 사용하는 값을 지정할 수 있다.

  • CSS Custom Properties for Cascading Variables Module Level 1
    <declaration-value>?

구문

background-color: var(--mycolor, #FF0000);
CSS Custom Properties for Cascading Variables Module Level 1

선언된 CSS 변수의 값을 사용한다. 첫 번째 인수의 값이 유효하지 않은 경우 두 번째 인수 값으로 설정된다.

Example

버전 명세

Modules
Module NameStatusSummary
CSS Custom Properties for Cascading Variables Module Level 1

Last review date: 2022-11-27

지원 웹브라우저