Home
スタイルシート CSS
ボックス
ボックスの大きさを指定する

ボックスの大きさを指定する

width: ; height: ;

ブラウザ
特性: width; height

width は横幅を、height は高さを指定するプロパティです。

このプロパティを使用することで、ボックスの大きさを指定することができます。


div {
width: 80%;
height: 100px;
}

プロパティ名	値	説明
width	数値+単位（px 等）またはパーセント	ボックスの横幅を指定（初期値は auto）
height	数値+単位（px 等）またはパーセント	ボックスの高さを指定（初期値は auto）

使用例


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>文書のタイトル</title>

<style type="text/css">

div {
width: 50%;
height: 100px;
background-color: #85b9e9;
}

p {
width: 50%;
background-color: #ffd78c;
}

</style>

</head>
<body>

<div>横幅50%×高さ100px</div>

<p>横幅50%</p>

<div>
<p>横幅50%</p>
</div>

</body>
</html>

表示例

横幅50%×高さ100px

横幅50%

サイト内検索

ボックス

ボックスの大きさを指定する

width: ***; height: ***;

使用例

関連ページ

width: ; height: ;