■ width
幅の指定 auto <lenght> <%>
table,div,img などの要素の幅を指定します。
<img src="image/fish1.png">
<img src="image/fish1.png" style="width:250">
<div style="border:1px solid #0080ff">div の幅</div>
div の幅
<div style="border:1px solid #0080ff;width:250px">div の幅</div>
div の幅
■ height
高さの指定 auto <lenght> <%>
table,div,img などの要素の高さを指定します。
<img src="image/fish1.png">
<img src="image/fish1.png" style="height:150">
<img src="image/fish1.png" style="width:200px;height:100">
<div style="border:1px solid #0080ff">div の高さ</div>
div の高さ
<div style="border:1px solid #0080ff;height:50px">div の高さ</div>
div の高さ
■ max-width
最大幅の指定 auto <lenght> <%>
table,div,img などの要素の最大幅を指定します。
<img src="image/fish1.png">
<img src="image/fish1.png" style="max-width:50px">
この max-width は次の max-height 同様、IEではまだサポートしていませんし、
またdiv などの幅を設定してその幅以上の英単語を入れるとその英単語がdivのボーダーからはみ出しますので、
使い勝手は良くなく基本的に使われません。
aaaaaaaaaaaaaaaaaaaa
■ max-height
最大高さの指定 auto <lenght> <%>
table,div,img などの要素の最大高さを指定します。
<img src="image/fish1.png">
<img src="image/fish1.png" style="max-height:50px">
■ min-width
最小幅の指定 auto <lenght> <%>
table,div,img などの要素の最大幅を指定します。
<img src="image/fish1.png">
<img src="image/fish1.png" style="min-width:150px">
この min-width は次の min-height 同様、IEではまだサポートしていません。
■ min-height
最小高さの指定 auto <lenght> <%>
table,div,img などの要素の最大高さを指定します。
<img src="image/fish1.png">
<img src="image/fish1.png" style="min-height:150px">
|