CSSStyleDeclaration setProperty() 메서드

정의와 사용법

setProperty() CSS 선언 블록에서 새 CSS 속성을 설정하거나 현재 속성을 수정합니다。

예제

예제 1

새 CSS 속성을 설정합니다:

var declaration = document.styleSheets[0].cssRules[0].style;
var setprop = declaration.setProperty("background-color", "yellow");

본인이 직접 시도해 보세요

예제 2

"important" 우선순위를 가진 새 CSS 속성을 설정합니다:

var declaration = document.styleSheets[0].cssRules[0].style;
var setprop = declaration.setProperty("background-color", "yellow", "important");

본인이 직접 시도해 보세요

예제 3

현재 CSS 속성을 수정합니다:

var declaration = document.styleSheets[0].cssRules[0].style;
var setprop = declaration.setProperty("color", "blue");

본인이 직접 시도해 보세요

문법

object.setProperty(propertyname, value, priority)

파라미터

파라미터 설명
propertyname 必需。字符串,表示要设置的属性的名称。
value 선택 사항. 새 값을 나타내는 문자열.
priority

선택 사항. 문자열, 속성의 우선순위를 중요한 값으로 설정할지 여부를 나타냅니다.

유효 값:

  • "important"
  • undefined
  • ""

기술 세부 사항

DOM 버전: CSS 대상 모델
반환 값: undefined

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 9.0 지원 지원 지원