« たかみんつREADER記事まとめ(~2014/06/22) | トップページ | [VC++] 四捨五入 »

2014.06.23

[CSS3] 背景画像のサイズ指定

CSS3で、で背景画像のサイズ指定が出来るとはじめて知った。⇒ background-size

背景画像のサイズ指定はbackground-sizeauto, containcover、または横と縦の長さを指定。縦は省略可能。省略時の既定値はauto

縦横指定値は、ピクセル値(px)、文字に対する比率(em)、コンテナに対するパーセンテージ('%')のほか、auto

containcoverは、画像のアスペクト比を保持したまま、コンテナ内にうまく収まるように調節されるのだが、画像とコンテナのアスペクト比が違う場合、containは、画像がコンテナ外にはみ出す可能性があり、coverは逆に繰り返される可能性がある。

背景画像に対してコンテナが横長

auto
100% auto
auto 100%
cover
contain

背景画像に対してコンテナが縦長

auto
100% auto
auto 100%
cover
contain


都議会の「セクハラやじ」の報道ですけど、どうしても「セクハラおやじ」と読んでしまいますねー。

« たかみんつREADER記事まとめ(~2014/06/22) | トップページ | [VC++] 四捨五入 »

プログラミング」カテゴリの記事

コメント

コメントを書く

(ウェブ上には掲載しません)

トラックバック


この記事へのトラックバック一覧です: [CSS3] 背景画像のサイズ指定:

« たかみんつREADER記事まとめ(~2014/06/22) | トップページ | [VC++] 四捨五入 »

2019年5月
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  
フォト

Google AdSense

銀の弾丸

無料ブログはココログ

他のアカウント