rules

CSSRule を参照してください。

runtimeStyleNN なし IE 5 DOM なし

読み書き

個々のスタイルプロパティが値を持つ style オブジェクトを返します。ただし、それらのプロパティ値が、標準のスタイルシート手順によって明示的に設定されている場合に限ります。currentStyle オブジェクトとは異なり、システムのデフォルトのスタイルシートプロパティは反映されません。この runtimeStyle オブジェクトの個々のスタイルプロパティを設定することは可能ですが、設定すると標準のカスケード優先度を超越 (あるいは違反) することになります。スクリプトによって割り当てるプロパティは、いずれもその要素を設定するスタイルプロパティの設定をすべて上書きします。これには、要素タグの style 属性や style プロパティに割り当てられる値も含まれます。たとえば、red という値を要素の style.color プロパティに設定し、green という値を同じ要素の runtimeStyle.color プロパティに設定すると、要素のテキストは緑色で表示されます。ただし、より限定的な style.color プロパティには red の値が保持されています。このとき、要素の currentStyle.color プロパティは green を返します。これは、この時点で実際に要素に反映されているスタイルであるためです。

 

runtimeStyle オブジェクトを使用すると、CSS の構文規則を runtimeStyle.cssText プロパティに再度割り当てることにより、複数のスタイルプロパティを割り当てることができます。すべてのインライン属性値を削除して、標準のカスケードスタイルシートで実際の要素のスタイルを制御するには、空の文字列を cssText プロパティに割り当ててください。

 
 
document.getElementById("elementID").runtimeStyle.cssText =
  "border: 5px blue solid";
 

style オブジェクトへの参照

 
既定値

有効な style オブジェクト、および明示的に定義されたスタイル属性値