CSS背景

前書き

CSSを使用すると、色、グラデーション、および画像を要素の背景として設定できます。

画像、色、勾配のさまざまな組み合わせを指定し、これらのサイズ、位置、繰り返しなどを調整することができます。

構文

  • 背景色:色|透明な|最初の|継承する;
  • 背景画像:URL |なし|最初の|継承する;
  • バックグラウンド位置:値;
  • 背景サイズ:<bg-size> [<bg-size>]
  • <bg-size>:auto |長さ|カバー| |含まれる|最初の|継承する;
  • バックグラウンドリピート:リピート|リピート-x |リピート-y |ノーリピート|最初の|継承する;
  • background-origin:パディングボックス|ボーダーボックス|コンテンツボックス|最初の|継承する;
  • 背景 - クリップ:border-box |パディングボックス|コンテンツボックス|最初の|継承する;
  • background-attachment:スクロール|固定|ローカル|最初の|継承する;
  • 背景:bg-color bg-image位置/ bg-size bg-repeat bg-origin bg-クリップbg-attachment initial |継承する;

備考

  • CSS3グラデーションは、Internet Explorerのバージョンが10未満では機能しません。

背景 関連する例