サイト内検索

...スタイルシート(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

Copyright c 2007.10.01 luc All rights reserved.