## スタイル（Style）

[up] [prev] [next]

#### ■ スタイル

◆ element.style (e4)

要素のスタイルに関する情報を保持するオブジェクトです。このオブジェクトのプロパティに値を設定することにより、要素のスタイルをダイナミックに変更することができます。要素の指定方法は「エレメント」を参照してください。

    <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 - 重なり順序

[up] [prev] [next]
Copyright (C) 1996-2001 杜甫々
改訂版初版：2001年5月20日
http://www.tohoho-web.com/js/style.htm