HTML-CSS Category

CSS、width:auto、height:autoとタグ属性の関係

Posted by dab 2014年1月14日 火曜日 13:48:22 < HTML-CSS, コンピュータ >

<img>など、タグ属性にwidth、heightを指定できる要素には、CSSでもwidth、heightを指定すると、そのCSSの方が優先される。

<style>
img { width: 120px; height: 120px }
</style>
<img src="poster.png" width="300" height="300">

表示例:poster

width、またはheightの一方をautoにすると、アスペクト比を固定して拡大する。

<style>
img { width: 120px; height: auto }
</style>
<img src="poster.png" width="300" height="300">

表示例:poster

しかし、<video>では少々事情が違うようだ。 Read_On

HTML-CSS Category