2014/02/24

画像サイズのサンプル

ボランティアスタッフの皆さまへ。
画像サイズのサンプルです。
高さと幅を変えることによって、どうなるかを示しています。
ご参考までに。


■画像の高さを(height)を自動(auto)にして、幅(width)の数値を指定した場合
 ※画像のサイズは幅の数値によって決まります 
 ※画像のタテヨコの比率は、オリジナル画像と同じになります

height="auto" width="200"

height="auto" width="400"

height="auto" width="500"


■画像の高さ(height)の数値を指定して、幅(width)を自動(auto)にした場合
 ※画像のサイズは高さの数値によって決まります
 ※画像のタテヨコの比率は、オリジナル画像と同じになります

height="100" width="auto"

height="200" width="auto"

height="250" width="auto"


■画像の高さ(height)と幅(width)の両方の数値を指定した場合
※画像のサイズは高さと幅の数値によってそれぞれ決まります
 ※画像のタテヨコの比率は、数値により変わります。

height="100" width="100"

height="200" width="100"    height="200" width="200"
      

height="100" width="400"



0 件のコメント :

コメントを投稿

お気軽にコメントください