width 【幅の指定】
[IE5] [IE6] [IE7] [Fx1] [Fx2] [Op6] [Op7] [Ns6] [Ns7]
widthプロパティは、要素の幅を指定する際に使用します。widthの解釈がブラウザによって異なるので気を付けましょう。
詳しい説明はこちら。
auto
状況に応じて自動設定します。これが初期値です。
数値で指定する
pxなどの単位で指定します。
％で指定する
親要素からの相対的な割合を、％値で指定します。
widthの使用例
CSSファイル
.sample001 {
width: 100px;
background-color: #ccccff;
}
.sample002 {
width: 200px;
background-color: #ccccff;
}
.sample003 {
width: 300px;
background-color: #ccccff;
}
HTMLソース
<p class="sample001">
widthプロパティ使用例<br />
幅100px<br />
The Internet is convenient.
</p>
<p class="sample002">
widthプロパティ使用例<br />
幅200px<br />
The Internet is convenient.
</p>
<p class="sample003">
widthプロパティ使用例<br />
幅300px<br />
The Internet is convenient.
</p>
表示すると
widthプロパティ使用例
幅100px
The Internet is convenient.
widthプロパティ使用例
幅100px
The Internet is convenient.
widthプロパティ使用例
幅100px
The Internet is convenient.
幅・高さ関連項目
| width | 幅を指定する |
| max-width | 幅の最大値を指定する |
| min-width | 幅の最小値を指定する |
| height | 高さを指定する |
| max-height | 高さの最大値を指定する |
| min-height | 高さの最小値を指定する |
