CSS break-inside गुण

विभावना और उपयोग

break-inside विशेषता इस विशेषता को निर्दिष्ट एलीमेंट के अंदर पृष्ठ (page-break), स्तम्भ (column-break) या क्षेत्र (region-break) के लिए विभाजन की निर्दिष्ट करती है。

break-inside विशेषता CSS2 के page-break-inside विशेषता का विस्तार करती है。

break-inside के द्वारा आप ब्राउज़र को चित्र, कोड स्पैन, तालिका और सूची के अंदर विभाजन को रोकने के लिए सूचित कर सकते हैं。

उदाहरण

इस प्रिंट में <img> एलीमेंट के अंदर पृष्ठ विभाजन को रोकें:

@media print {
  img {
    display: block;
    break-inside: avoid;
  }
}

CSS व्याकरण

break-inside: auto|all|always|avoid|avoid-column|avoid-page|avoid-region|column|left|page|recto|region|right|verso|initial|inherit;

विशेषता मान

मान वर्णन
auto मूलभूत। एलीमेंट के अंदर स्वचालित रूप से पृष्ठ विभाजन, स्तम्भ विभाजन, क्षेत्र विभाजन करें。
avoid एलीमेंट के अंदर पृष्ठ, स्तम्भ, क्षेत्र के विभाजन को रोकें。
avoid-column एलीमेंट के अंदर स्तम्भ विभाजन को रोकें。
avoid-page एलीमेंट के अंदर पृष्ठ विभाजन को रोकें。
avoid-region एलीमेंट के अंदर विभाजन को रोकें。
initial इस विशेषता को उसके मूलभूत मान पर सेट करें। देखें initial。
inherit इस विशेषता को उसके माता एलीमेंट से विरासत करें। देखें inherit。

तकनीकी विवरण

मूलभूत मान: auto
विरासत: नहीं
एनिमेशन निर्माण: समर्थित नहीं है। देखें:एनिमेशन संबंधी विशेषताएँ。
संस्करण: CSS3
JavaScript व्याकरण: object.style.breakInside="always"

अधिक उदाहरण

इस प्रिंट में <table>、<ul>、<ol> एलीमेंटों के अंदर पृष्ठ विभाजन को रोकें:

@media print {
  table, ul, ol {
    break-inside: avoid;
  }
}

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

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

च्रोम IE / एज फ़ायरफॉक्स सैफारी ओपेरा
50.0 10.0 65.0 10.0 37.0