CSS box-decoration-break गुण

विन्यास और उपयोग

box-decoration-break गुण इसके एलिमेंट बॉक्स को विभाजित करने पर, इसके बैकग्राउंड, पैडिंग, बॉर्डर, 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;

गुण मान

मान वर्णन
स्लाइस मूलभूत। बॉक्स डिकोरेशन पूरे एलिमेंट पर लागू की जाती है और एलिमेंट टुकड़े के किनारों पर टूट जाती है।
क्लोन

बॉक्स डिकोरेशन इस एलिमेंट के प्रत्येक टुकड़े पर लागू होता है, जैसे कि टुकड़े एक अलग एलिमेंट होते हैं।

बॉक्स डिकोरेशन ब्रेक इसके बॉक्स इलिमेंट के प्रत्येक टुकड़े के चारों किनारों को और प्रत्येक टुकड़े के पृष्ठभूमि को पूरी तरह से पुन: चित्रित करता है।
इनिशियल इस गुण को उसके मूलभूत मान पर सेट करें। देखें: इनिशियल।
इनहेरिट इस गुण को उसके माता एलिमेंट से इनहेरिट करें। देखें: इनहेरिट।

तकनीकी विवरण

मूलभूत मान: स्लाइस
विरासत: नहीं
एनिमेशन निर्माण: इसका प्रयोग नहीं किया जाता। देखें:एनिमेशन से संबंधित गुण।
संस्करण: CSS3

ब्राउज़र समर्थन

शब्दसूची में संख्या के द्वारा पूर्णता से समर्थित इस गुण का पहला ब्राउज़र संस्करण निर्दिष्ट किया गया है।

संख्या के पहले से -webkit- का प्रयोग करने के लिए पहली संस्करण का प्रयोग करें।

Chrome IE / Edge Firefox Safari Opera
22.0 -webkit- 79.0 32.0 6.1 -webkit- 11.5 -webkit-