CSS box-decoration-break 属性
- 前ページ bottom
- 次のページ box-reflect
定義と使用法
box-decoration-break属性は、要素のフレームが分割された場合に、要素のbackground、padding、border、border-image、box-shadow、margin、およびclip-pathにどのように適用されるかを定義します。
例
box-decoration-break属性の指定：
span.ex1 {
-webkit-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
}
span.ex2 {
-webkit-box-decoration-break: slice;
-o-box-decoration-break: slice;
box-decoration-break: slice;
}
CSS文法
box-decoration-break: slice|clone|initial|inherit|unset;
属性値
| 値 | 説明 |
|---|---|
| slice | デフォルト。フレームデコレーションは全体として要素に適用され、要素の断片の端で割れています。 |
| clone |
フレームデコレーションは要素の各断片に適用され、各断片が単一の要素のように扱われます。 要素の各断片の四つの端に边框を描画し、各断片の背景を完全に再描画します。 |
| initial | この属性をデフォルト値に設定します。参照してください。 initial。 |
| inherit | この属性は親要素から継承されます。参照してください。 inherit。 |
技術的詳細
| デフォルト値： | slice |
|---|---|
| 継承： | いいえ |
| アニメーション作成： | サポートしていません。参照してください：アニメーション関連属性。 |
| バージョン： | CSS3 |
ブラウザのサポート
テーブルの数字には、その属性を完全にサポートする最初のブラウザのバージョンが記載されています。
「-webkit-」の数字の規定に従って、プレフィックスを使用する最初のバージョンを選択してください。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 22.0 -webkit- | 79.0 | 32.0 | 6.1 -webkit- | 11.5 -webkit- |
- 前ページ bottom
- 次のページ box-reflect
