CSS 背景と境界は CSS のモジュールの一つで、要素の背景と境界のスタイルを指定します。背景は色や画像で埋めたり、クリッピングや寸法の変更、その他の加工を行うことができます。境界は線や画像で飾ることができ、四角くしたり角を丸めたりすることができます。加えて、要素のボックスに影をつけることができます。

リファレンス

CSS プロパティ

ガイド

複数の背景の使用
要素に1つまたは複数の背景を設定する方法を説明します。
背景画像の拡縮
背景画像の拡大縮小や繰り返しを変更する方法を説明します。
CSS を使った HTML の要素への色の適用
CSS の色が境界を含む HTML でどのように使われるかを概観します。

ツール

境界画像作成ツール
境界画像 (border-image プロパティ) を見ながら作ることができる対話型のツールです。
境界角丸作成ツール
角の丸み (border-radius プロパティ) を見ながら作ることができる対話型のツールです。
ボックスの影作成ツール
要素の背後の影 (box-shadow プロパティ) を見ながら作ることができる対話型のツールです。

仕様書

仕様書 策定状況 コメント
CSS Backgrounds and Borders Module Level 3 勧告候補  
CSS Level 2 (Revision 1) 勧告  
CSS Level 1 勧告  

ブラウザーの対応

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本サポート 1.0 1.0 (1.7 or earlier) 4.0 3.5 1.0 (85)
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート (有) 1.0 (1.9.2) (有) (有) 1.0

ドキュメントのタグと貢献者

このページの貢献者: mfuji09
最終更新者: mfuji09,