CSS బాక్స్ డికొరేషన్ బ్రేక్ అట్రిబ్యూట్

定义和用法

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;

属性值

值 描述
స్లైస్ 默认。框装饰作为整体应用于元素，并在元素片段的边缘断裂。
clone

框装饰适用于元素的每个片段，就像片段是单个元素一样。

边框包裹元素的每个片段的四个边缘，并且完整地重绘每个片段的背景。
initial 将此属性设置为其默认值。参阅 initial.
ఇన్హెరిట్ 从其父元素继承此属性。参阅 ఇన్హెరిట్.

సాంకేతిక వివరాలు

అప్రమేయం: స్లైస్
పారంపర్యం: సంఖ్య లేదు
అనిమేషన్ నిర్మాణం: మద్దతు లేదు. చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు.
వెర్షన్: CSS3

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న నంబర్లు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ ను పేర్కొన్నాయి.

అనుసరించండి -webkit- నంబర్లకు ముందుగా ప్రత్యేకంగా ఉపయోగించండి ప్రథమ వెర్షన్.

క్రోమ్ IE / ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
22.0 -webkit- 79.0 32.0 6.1 -webkit- 11.5 -webkit-