XML DOM CSS2Properties 객체

CSS2Properties 객체는 모든 CSS2 속성과 그 값의 집합입니다.

CSS2Properties 객체 설명

CSS2Properties 객체는 CSS 스타일 속성 그룹과 그 값을 표현합니다. CSS 규范이 정의한 모든 CSS 속성에 대해 JavaScript 속성을 정의합니다.

HTMLElement의 style 속성은 CSSStyleRule 객체의 style 속성과 같은 읽기 쓰기 가능한 CSS2Properties 객체입니다. 그러나 Window.getComputedStyle()의 반환 값은 읽기 전용 속성을 가진 CSS2Properties 객체입니다.

CSS2Properties 객체 속성

cssText 속성

cssText 속성은 스타일 속성 그룹과 그 값의 텍스트 표현입니다. 이 텍스트는 CSS 스타일 시트로 포맷되며, 속성과 값을 둘러싼 선택자의 괄호는 제거됩니다.

이 속성을 불법적인 값으로 설정하면 SYNTAX_ERR 코드가 표시됩니다. DOMException 예외CSS2Properties 객체가 읽기 전용일 때, 이 속성을 설정하려고 할 때는 NO_MODIFICATION_ALLOWED_ERR 코드가 표시됩니다. DOMException 예외

CSS 속성에 대한 속성

cssText 속성 외에도 CSS2Properties 객체는 각 브라우저가 지원하는 모든 CSS 속성에 대해 각각의 객체 속성을 가집니다. 이 속성 이름은 CSS 속성 이름과 유사하지만, JavaScript에서의 문법 오류를 피하기 위해 몇 가지 변경이 이루어졌습니다. 연결된 단어 속성(예: font-family)은 JavaScript에서 연결자(-)가 없으며, 각 단어의 첫 번째 문자를 대문자로 변환됩니다(예: fontFamily). 또한, float 속성은 예약어 float와 충돌하므로 cssFloat으로 변환됩니다.

와 CSS2 규범에 정의된 각 속성에 대한 CSS2Properties 속성 이름이 style 객체 참조 가이드에 나열되어 있습니다. 일부 브라우저는 모든 CSS 속성을 지원하지 않을 수 있으며, 따라서 나열된 모든 속성을 지원하지 않을 수도 있습니다. 이러한 속성은 직접 CSS 속성과 일치하므로 CodeW3C.com에서 제공하는 CSS 참조 가이드를 확인하여 의미와 유효한 값을 보여줍니다.

관련 페이지

HTML DOM 참조 가이드:Style 객체

참조 가이드:CSS 참조 가이드