CSSOM

CSSOM

Draft
  • account_tree
  • bug_report

InterfaceCSSStyleDeclaration

설명

HTMLElement 객체에 대한 CSS 속성의 값을 설정하거나 조회를 다루는 객체이다. HTMLElement 객체의 style 프로퍼티에 의해 참조되거나 CSSStyleSheet 인터페이스, Window 객체의 프로토타입 메소드 getComputedStyle() 의해 참조된다.

하위 트리 탐색

  • Constructor

    생성자

    • CSSStyleDeclaration()

      생성자 함수이지만 직접 생성할 수 없고 자동 생성이 되며 HTMLElement 객체의 style 프로퍼티에 의해서 참조된다.

  • [[Prototype]]

    • Methods

      • getPropertyPriority()

        CSS 속성에 대해 명시적으로 설정된 우선 순위를 제공하는 DOMString을 조회한다.

      • getPropertyValue()

        인수로 지정된 CSS 속성 값을 포함하는 DOMString을 반환한다.

      • item()

        인수로 지정된 인덱스 값의 CSS 속성 명을 반환한다. 이 메소드는 인수를 제공하는 한 예외를 발생시키지 않는다. 인덱스가 범위를 벗어나면 빈 문자열이 반환되고 인수가 누락되면 TypeError가 발생한다.

    • Properties

      • cssText

        요소에게 설정된 모든 인라인 CSS 속성 값을 텍스트로 가져올 수 있거나 설정할 수 있다.

      • length

        CSS 선언 블록의 정의되어 있는 속성의 수를 정수로 조회한다.

      • parentRule

        CSS 규칙 집합(선택자 및 선언 블록)을 나타내는 CSSRule 개체를 참조한다.

상속 계층 탐색

Object

  • Methods

    • hasOwnProperty()

      객체가 특정 프로퍼티를 가지고 있는지를 블린(boolean) 값으로 반환한다.

    • isPrototypeOf()

      해당 객체가 다른 객체의 프로토타입 체인에 속한 객체인지를 체크한다.

    • propertyIsEnumerable()

      매개 변수의 속성이 열거가능(enumerable)한지 여부를 체크한다.

    • toLocaleString()

      객체를 나타내는 문자열을  작동하는 지역(locale)의 방식으로 출력이 된다.

    • toString()

      객체를 나타내는 문자열을 반환한다.

    • valueOf()

      객체의 원시(primitive) 값을 반환한다.

  • Properties

    • constructor

      객체의 생성자 함수를 참조한다.

    • __proto__

      상속된 [[Prototype]] 참조하거나 설정가능하며 일반적으로 실제 코드상에서는 잘 사용되지 않는다. ECMAScript에서 사용되지 않는 비표준이지만 최신 웹브라우저에서는 비공식적으로 지원하고 있다. 따라서 곧 표준 속성으로 지원될 확률이 높다.

      현재는 표준 사양에 명시되었다.

지원 웹브라우저