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 勧告