前へ 目次 次へ
画像の表示の大きさを指定 width, height
 

IMG要素には、画像の大きさを指定するwidthとheight属性があります。 ピクセルもしくは%で指定することができます。 %で指定した場合は、画面全体に対する比率になります。

 
画像の大きさを指定する
 

画像の大きさは、画像処理用のソフトなどを利用して調べましょう。

ソース表示
<img src="robot02.png" alt="ロボットのイラスト"
width="276" height="185">
ロボットのイラスト
 
元のサイズとは変えて表示
 

widthとheight属性を利用することで、 画像の大きさを変えたり、縦横の比率を変えたりすることもできます。 ただし、画像は荒くなってしまうようです。

ソース表示
<img src="robot02.png" alt="ロボットのイラスト"
width="300" height="100">
ロボットのイラスト
ソース表示
<img src="robot02.png" alt="ロボットのイラスト"
width="138" height="93">
ロボットのイラスト
  2003/07/02(Wed) トップページへ
SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送