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

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
プロパティ

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%

横幅50%