CSS 参考マニュアル

CSS @ルール(RULES)

width CSS属性で指定された要素の内容エリアの幅です。この内容には、フィルリング、ボーダーやマージンは含まれません。参照してください。CSSボックスモデル。

以下のテーブルは、この属性の使用方法とバージョン履歴、およびJavaScriptスクリプトでのこの属性の使用構文を示しています。

デフォルト値：	auto
適用：	代替されていない埋め込み要素、テーブル行、行グループ以外のすべての要素
継承：	ありません
アニメーション可能：	はい。参照してくださいアニメーション属性。
バージョン：	CSS 1、2、3
JavaScript構文：	object.style.width="280px"

この属性の構文は以下の通りです：

width:　length　|　percentage　|　auto　|　initial　|　inherit

以下の例では、width属性の使用方法を示しています。

例

　　p　{
　　　width:　300px;
　　　background-color:　#f0e68c;
　　}

以下のテーブルは、この属性の値を説明しています。

値	説明
length	幅を長さ値で指定します。px、pt、cm、emなどの単位を使用します。ネガティブ長さ値を使用することはできません。
percentage	パーセンテージで幅を指定します。要素の含むブロックの幅に対してパーセンテージを計算します。ネガティブパーセンテージ値を使用することはできません。
auto	ブラウザは他の属性の値に基づいて指定された要素の幅を計算します。これはデフォルト値です。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のwidthの属性値を使用します。

width属性のブラウザの互換性について、以下のテーブルの数字は、この属性をサポートするブラウザの最低バージョン番号を示します；すべての主要ブラウザはこの属性をサポートしています。

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

以下の内容に関するチュートリアルを参照してください：CSSボックスモデル、CSSサイズ。