@supportsCSS3

구문

• Unapplied

  @supports ( property-name: property-value ) { declaration }

  가장 기본적으로 사용하는 지원 여부 확인 방식은 단순한 선언(속성 이름과 값)이다. 선언은 괄호로 묶여야 한다.

  다음 예제는 웹브라우저가 transform-origin 속성의 값으로 10% 10%가 지원이 된다고 판단하는 경우 선언된 속성과 값들을 처리한다.

  @supports (transform-origin: 10% 10%) {
      /* declaration */
  }

• Unapplied

  @supports not ( property-name: property-value ) { declaration }

  not 연산자를 표현식 앞에 붙여 반대의 결과일 경우에만 처리하도록 한다.

• Unapplied

  @supports ( property-name: property-value ) and ( property-name: property-value ) { declaration }

  and 연산자로 연결된 두 개 이상의 표현식의 결과가 맞는 경우에만 처리하도록 한다.

• Unapplied

  @supports ( property-name: property-value ) or ( property-name: property-value ) { declaration }

  or 연산자로 연결된 두 개 이상의 표현식의 결과에서 한 개 이상 맞는 경우에만 처리하도록 한다.