CSS box-decoration-break 屬性
示例
指定 box-decoration-break 屬性
span.ex1 {
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
span.ex2 {
-webkit-box-decoration-break: slice;
box-decoration-break: slice;
}
自己動手試一試 »
定義和用法
box-decoration-break
屬性指定當元素的盒子被分割時,如何應用該元素的 background、padding、border、border-image、box-shadow、margin 和 clip-path。
預設值 | slice |
---|---|
繼承 | no |
可動畫 | 否。 閱讀關於可動畫屬性 |
版本 | CSS3 |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
後面帶有 -webkit- 的數字表示需要加字首才能使用的第一個版本。
屬性 | |||||
---|---|---|---|---|---|
box-decoration-break | 22 -webkit- | 79 -webkit- | 32 | 7 -webkit- | 15 -webkit- |
CSS 語法
box-decoration-break: slice|clone|initial|inherit|unset;
屬性值
值 | 描述 |
---|---|
slice | 預設值。盒子裝飾被應用於整個元素,並在元素片段的邊緣處斷開 |
clone | 盒子裝飾應用於元素的每個片段,就好像這些片段是獨立的元素一樣。邊框包裹每個元素片段的四個邊緣,並且背景會為每個片段完整地重新繪製 |
initial | 將此屬性設定為其預設值。閱讀關於initial |
inherit | 從其父元素繼承此屬性。閱讀關於inherit |