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 高さの最小値を指定する 

戻る

TOP

WEB SEARCH
MENU
CONTENTS
digilog.TOP
digilog.HTML
digilog.CSS
digilog.SEO
digilog.img