background設定解説〜CSS3 | IT工房｜AI入門とWeb開発

それぞれの値の意味 repeat 画像は、この方向に，背景塗り区画を覆い尽くすまで必要なだけ繰り返されます。 space 背景画像はリピートされ、領域の左右上下のエッジには最初の画像と最後の画像がそれぞれ接触するように描画され、残ったスペースを画像間に均一に分配する形で表示されます。space 値の指定時には、その対象とする方向の background-position の指定は無効となります。一つの画像で領域幅を超える背景画像が指定された場合のみ、背景画像が切り抜かれます。結局のところ、各画像が見きれないように間にスペースを入れてX方向、Y方向に繰り返しを行うものです。未対応のブラウザが多いので確認が難しいです。 round 背景画像は指定された方向に切り抜き無しで描画領域全体を極力覆うよう繰り返されます。繰り返された画像が整数倍で収まりきらない場合、整数倍で収まるように拡大縮小されて表

[Hi32]

background関係のプロパティが聞いたことないようなのも含め、山のようにある。これ、前に知っていたらあの案件楽だったのに……