CSS बॉक्स-सजावट-ब्रेक संपत्ति
उदाहरण
बॉक्स-डेकोरेशन-ब्रेक प्रॉपर्टी निर्दिष्ट करें:
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;
}
परिभाषा और उपयोग
संपत्ति निर्दिष्ट करती है कि box-decoration-break
तत्व के लिए बॉक्स खंडित होने पर पृष्ठभूमि, पैडिंग, सीमा, सीमा-छवि, बॉक्स-छाया, मार्जिन और क्लिप-पथ कैसे लागू होता है।
डिफ़ॉल्ट मान: | टुकड़ा |
---|---|
विरासत में मिला: | नहीं |
एनिमेटेबल: | नहीं। एनिमेटेबल के बारे में पढ़ें |
संस्करण: | CSS3 |
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
-वेबकिट के बाद की संख्याएं- उपसर्ग के साथ काम करने वाले पहले संस्करण को निर्दिष्ट करें।
Property | |||||
---|---|---|---|---|---|
box-decoration-break | 22.0 -webkit- | 79.0 | 32.0 | 6.1 -webkit- | 11.5 -webkit- |
सीएसएस सिंटेक्स
box-decoration-break: slice|clone|initial|inherit|unset;
सम्पत्ति की कीमत
Value | Description |
---|---|
slice | Default. Box decorations are applied to the element as a whole and break at the edges of the element fragments |
clone | Box decorations apply to each fragment of the element as if the fragments were individual elements. Borders wrap the four edges of each fragment of the element, and backgrounds are redrawn in full for each fragment |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |