CSS 背景と境界
CSS 背景と境界モジュールでスタイル付けをすると、背景を色や画像で埋めたり (クリッピングや寸法の変更も) 他の加工を行ったりすることができます。これらのスタイルでは、境界を線や画像で装飾したり、四角くしたり丸くしたりすることもできます。(さらに、要素ボックスに影をつけて装飾することもできます)。
リファレンス
プロパティ
background
background-attachment
background-clip
background-color
background-image
background-origin
background-position
background-position-x
background-position-y
background-repeat
background-size
border
border-bottom
border-bottom-color
border-bottom-left-radius
border-bottom-right-radius
border-bottom-style
border-bottom-width
border-collapse
border-color
border-image
border-image-outset
border-image-repeat
border-image-slice
border-image-source
border-image-width
border-left
border-left-color
border-left-style
border-left-width
border-radius
border-right
border-right-color
border-right-style
border-right-width
border-style
border-top
border-top-color
border-top-left-radius
border-top-right-radius
border-top-style
border-top-width
border-width
box-shadow
ツール
- 複数の背景の使用
-
要素に 1 つまたは複数の背景を設定する方法を説明します。
- 背景画像の拡縮
-
背景画像の拡大縮小や繰り返しを変更する方法を説明します。
- CSS を使った HTML の要素への色の適用
-
CSS の色が境界を含む HTML でどのように使われるかを概観します。
- 境界画像作成ツール
-
境界画像 (
border-image
プロパティ) を見ながら作ることができる対話型のツールです。 - 境界角丸作成ツール
-
角の丸み (
border-radius
プロパティ) を見ながら作ることができる対話型のツールです。 - ボックスの影作成ツール
-
要素の背後の影 (
box-shadow
プロパティ) を見ながら作ることができる対話型のツールです。
仕様書
Specification |
---|
CSS Backgrounds and Borders Module Level 3 |