XML DOM CSS2Properties オブジェクト

CSS2Properties オブジェクトは、すべての CSS2 属性とその値の集合です。

CSS2Properties オブジェクトの説明

CSS2Properties オブジェクトは、CSS スタイル属性とその値のセットを表します。CSS 规范で定義されているすべての CSS 属性には、JavaScript 属性が定義されています。

HTMLElement の style 属性は読み取り書き込み可能な CSS2Properties オブジェクトであり、CSSStyleRule オブジェクトの style 属性と同じです。ただし、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 が提供する style オブジェクトの参考マニュアルを参照することもできます。 CSS 参考マニュアル、その意味や許可範囲を確認してください。

関連ページ

HTML DOM 参考マニュアル:Style オブジェクト

参考マニュアル:CSS 参考マニュアル