width プロパティ

　width プロパティは、エレメントの幅を指定するプロパティです。
　エレメントがブロックレベルエレメントである必要があります。

エレメントの幅を1500pxに

width: 1500px;

詳しくは Example を参照してください

　指定値にmargin、border、paddingは含まれません。

　width プロパティは幅が固定されますが、min-width プロパティやmax-width プロパティによって幅に自由度を持たせることができます。

　border、paddingを指定するとその分だけエレメント自体は大きく表示されます。レイアウトを整形するときには注意が必要です。もしエレメントの領域内にborderやpaddingを収めたい場合は、box-sizingプロパティを使用します。

　以下のボタンをクリックするとコンソールに表示幅が表示されます。CSS で設定する全体の表示幅の参考に使用してください。

構文(Syntax)

width: auto | length | initial　| inherit;

値の取得

object.style.width;

値の設定

object.style.width="auto | length | initial　| inherit";

　値には、計算式によって値を指定する calc() ファンクションも利用できます。

　widthの例です。子エレメントである#contentsエレメントにサイズの指定をしています。親エレメントはサイズを指定いませんので、子エレメントの大きさに合わせて高さが変化します。