CSS 背景と境界
CSS 背景と境界モジュールでスタイル付けをすると、背景を色や画像で埋めたり (クリッピングや寸法の変更も) 他の加工を行ったりすることができます。これらのスタイルでは、境界を線や画像で装飾したり、四角くしたり丸くしたりすることもできます。(さらに、要素ボックスに影をつけて装飾することもできます)。
リファレンス
プロパティ
backgroundbackground-attachmentbackground-clipbackground-colorbackground-imagebackground-originbackground-positionbackground-position-xbackground-position-ybackground-repeatbackground-sizeborderborder-bottomborder-bottom-colorborder-bottom-left-radiusborder-bottom-right-radiusborder-bottom-styleborder-bottom-widthborder-collapseborder-colorborder-imageborder-image-outsetborder-image-repeatborder-image-sliceborder-image-sourceborder-image-widthborder-leftborder-left-colorborder-left-styleborder-left-widthborder-radiusborder-rightborder-right-colorborder-right-styleborder-right-widthborder-styleborder-topborder-top-colorborder-top-left-radiusborder-top-right-radiusborder-top-styleborder-top-widthborder-widthbox-shadow
ツール
- 複数の背景の使用
-
要素に 1 つまたは複数の背景を設定する方法を説明します。
- 背景画像の拡縮
-
背景画像の拡大縮小や繰り返しを変更する方法を説明します。
- CSS を使った HTML の要素への色の適用
-
CSS の色が境界を含む HTML でどのように使われるかを概観します。
- 境界画像作成ツール
-
境界画像 (
border-imageプロパティ) を見ながら作ることができる対話型のツールです。 - 境界角丸作成ツール
-
角の丸み (
border-radiusプロパティ) を見ながら作ることができる対話型のツールです。 - ボックスの影作成ツール
-
要素の背後の影 (
box-shadowプロパティ) を見ながら作ることができる対話型のツールです。
仕様書
| Specification |
|---|
| CSS Backgrounds and Borders Module Level 3 |