Home
/
内容の幅・高さの指定
/ 内容の幅の指定 :
width
内容の幅の指定 :
width
::: 書 式 :::
width
: 幅サイズ
::: プロパティ値 :::
幅サイズには、下記の値を指定します。
単位付きの数値 => 「
単位について
」を参照
%
auto
::: 解 説 :::
「
width
」プロパティで、内容の幅を設定します。
「width」プロパティは、ブロックレベル要素、置換要素、テーブル関連要素(横列・横列グループは除く)に対して指定します。
::: 注意 :::
ブラウザのバージョンまたは指定で、「width」プロパティと「
height
」プロパティの適用範囲が標準仕様と異なります。
・標準仕様
幅・高さ = 「内容(content)」の幅・高さ
・Windows版のIE4.0~5.5及び6.0以降の互換モードのとき、
幅・高さ = 「枠線(border)」+「内容の周りの領域(padding)」の領域の幅・高さ
::: 対応ブラウザ :::
IE
Firefox
Opera
Chrome
Safari
8
7
6
5.5
5
3.5
3
2
1.5
1
10
9
8
7
6
2
1
4
3
2
1
○
○
○
△
△
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
[ 対応状況 : ○=対応、△=一部対応、×=未対応 ]
::: サンプル :::
[ サンプル画面
]
スタイルシート(CSS) = 内容の幅・高さの指定 =
スタイルシート(CSS) = 内容の幅・高さの指定 =
「width: 200px」
「height: 100px」
「width: 50%」
「height: 150px」
「width: auto」
「height: auto」
</body> </html>
関連項目
CSSの基本
CSS機能別プロパティ一覧
CSSインデックス
内容の幅・高さの指定
width
height
Copyright (C) 2009 Html-Labs All Rights Reserved.
「width」プロパティは、ブロックレベル要素、置換要素、テーブル関連要素(横列・横列グループは除く)に対して指定します。
::: 注意 :::
ブラウザのバージョンまたは指定で、「width」プロパティと「height」プロパティの適用範囲が標準仕様と異なります。
・標準仕様
幅・高さ = 「内容(content)」の幅・高さ
・Windows版のIE4.0~5.5及び6.0以降の互換モードのとき、
幅・高さ = 「枠線(border)」+「内容の周りの領域(padding)」の領域の幅・高さ