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

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

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

このプロパティをimg要素に対して設定すると、画像の大きさを指定することができます。


img.example {
width: 300px;
height: 200px;
}
プロパティ名 値 説明
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">

img.example1 {
width: 96px;
height: 65px;
}

img.example2 {
width: 100%;
height: 130px;
}

</style>

</head>
<body>

<p><img src="rainbow.jpg" alt="［写真］"> 通常の大きさ</p>

<p><img src="rainbow.jpg" alt="［写真］" class="example1"> 縮小</p>

<p><img src="rainbow.jpg" alt="［写真］" class="example2"> 幅だけを拡大</p>

</body>
</html>
表示例

［写真］ 通常の大きさ

［写真］ 縮小

［写真］ 幅だけを拡大