要素のスタイルに関する情報を保持するオブジェクトです。このオブジェクトのプロパティに値を設定することにより、要素のスタイルをダイナミックに変更することができます。要素の指定方法は「エレメント」を参照してください。
<script type="text/javascript"> <!-- function func() { document.all.xyz.style.color = "red"; } // --> </script> <div id="xyz">ABC</div> <button onclick="func()">OK</button>
IE4.0 で指定可能なスタイルの一覧を以下に示します。各要素の詳細は「とほほのスタイルシート入門」を参照してください。
background - 背景関連 backgroundAttachment - スクロール時の背景動作 backgroundColor - 背景色 backgroundImage - 背景画像 backgroundPosition - 背景画像位置 backgroundPositionX - 背景画像位置 backgroundPositionY - 背景画像位置 backgroundRepeat - 背景画像の繰り返し border - ボーダー関連 borderColor - ボーダー色 borderStyle - ボーダースタイル borderWidth - ボーダーの太さ clear - テキストの回りこみ解除 clip - 表示範囲 color - テキストの色 cssText - スタイルシート cursor - カーソル display - 表示形式 filter - フィルタ font - フォント関連 fontFamily - フォント fontSize - フォントサイズ fontStyle - フォントスタイル fontVariant - アルファベットの大文字化 fontWeight - フォントの太さ height - 高さ left - 左からの位置 letterSpacing - 文字間スペース lineHeight - 行の高さ listStyle - リストのスタイル listStyleImage - リストのスタイルイメージ listStylePosition - リストのスタイル位置 listStyleType - リストのスタイルタイプ margin - マージン関連 marginBottom - 下マージン marginLeft - 左マージン marginRight - 右マージン marginTop - 上マージン overflow - スクロールバー制御 paddingBottom - 下パディング paddingLeft - 左パディング paddingRight - 右パディング paddingTop - 上パディング pageBreakAfter - 改ページ pageBreakBefore - 改ページ pixelHeight - 高さ pixelLeft - 左からの位置 pixelTop - 上からの位置 pixelWidth - 幅 posHeight - 高さ position - 配置方式 posLeft - 左からの位置 posTop - 上からの位置 posWidth - 幅 styleFloat - 回り込み配置 textAlign - テキストの表示位置 textDecoration - テキスト修飾 textDecorationBlink - テキスト修飾 textDecorationLineThrough - テキスト修飾 textDecorationNone - テキスト修飾 textDecorationOverline - テキスト修飾 textDecorationUnderline - テキスト修飾 textIndent - テキストのインデント textTransform - 単語の先頭の大文字化 top - 上からの位置 verticalAlign - 縦方向のテキスト位置 visibility - 可視・不可視 width - 幅 zIndex - 重なり順序