サイト内検索
...スタイルシート(css)...
スタイルシート・ボックス
ボックスのサイズ
- ボックスのサイズ
- 横幅は 、widthプロパティを指定します。
- 高さは、heightプロパティを指定します。
- [使い方]
- box{
width: 100%;
height: 100px;
background-color: #ccff99;
}
プロパティ名 | 値 | 説明 |
---|---|---|
width: | ; | セルの横幅を指定します。
単位は、「px」・「em」など、または「%」を指定します。 単位は、「px」または「%」を指定します。 |
auto; | 初期値(内容により自動調整) | |
height: | ; |
セルの高さを指定します。
「数値+単位」(例・・100px)を指定します。 単位は、「px」・「em」など、または「%」を指定します。 |
auto; | 初期値(内容により自動調整) |
サンプル
[headの中]
<style type="text/css"><!--
.sample1{
width: 80%;
height: 80px;
background-color: #ccff99;
}
.sample2{
width: 50%;
height: 15;
background-color: #ffff8e;
}
[bodyの中]
<div class="sample1">幅80%・高さ80px</div><div class="sample2">幅50%・高さ15px</div>
<div class="sample1"><div class="sample2">横幅50%・高さ15px</div></div>
[ブラウザ上]
横幅80%・高さ80px
横幅50%・高さ15px
横幅50%・高さ15px