CSS box-decoration-break 屬性

定義和用法

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-