CSS break-after गुण

परिभाषा और उपयोग

break-after विशेषता निर्दिष्ट एलीमेंट के बाद पृष्ठ (page-break), स्तम्भ (column-break) या क्षेत्र (region-break) के लिए बंटना क्या होना चाहिए या नहीं को निर्धारित करती है।

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

इसके द्वारा break-after, आप ब्राउज़र को सूचित कर सकते हैं कि ब्रेक-आफ़्टर विशेषता वाले एलीमेंट के बाद पृष्ठ, स्तम्भ या क्षेत्र को बंटना चाहिए या नहीं, या इसे दो पृष्ठों में विभाजित नहीं करना चाहिए।

उदाहरण

हमेशा <footer> एलिमेंट के पहले पृष्ठफूल चिह्न जोड़ें:}}

@media print {
  footer {
    break-after: always;
  }
}

CSS व्याकरण

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

गुण मान

मान वर्णन
auto मूलभूत।एलिमेंट के बाद स्वचालित रूप से पृष्ठफूल, स्तम्भ, क्षेत्र को काटें。
all हमेशा प्रधान बॉक्स के बाद तुरंत पृष्ठफूल चिह्न जोड़ें。
always हमेशा एलिमेंट के बाद पृष्ठफूल चिह्न जोड़ें。
avoid एलिमेंट के बाद पृष्ठ, स्तम्भ, क्षेत्र को बचायें。
avoid-column एलिमेंट के बाद स्तम्भ को बचायें。
avoid-page एलिमेंट के बाद पृष्ठफूल को बचायें。
avoid-region एलिमेंट के बाद क्षेत्र को बचायें。
column हमेशा एलिमेंट के बाद स्तम्भ चिह्न जोड़ें。
left एलिमेंट के बाद एक या दो पृष्ठफूल चिह्न जोड़ें, ताकि अगला पृष्ठ बाईं पृष्ठ के रूप में फॉर्मेट किया जा सके。
page हमेशा एलिमेंट के बाद पृष्ठफूल चिह्न जोड़ें。
recto प्रधान बॉक्स के बाद एक या दो पृष्ठफूल चिह्न जोड़ें, ताकि अगला पृष्ठ रेक्टो पृष्ठ के रूप में फॉर्मेट किया जा सके。
region हमेशा एलिमेंट के बाद क्षेत्र चिह्न जोड़ें。
right एलिमेंट के बाद एक या दो पृष्ठफूल चिह्न जोड़ें, ताकि अगला पृष्ठ दायाँ पृष्ठ के रूप में फॉर्मेट किया जा सके。
verso प्रधान बॉक्स के बाद एक या दो पृष्ठफूल चिह्न जोड़ें, ताकि अगला पृष्ठ वर्सो पृष्ठ के रूप में फॉर्मेट किया जा सके。
initial इस गुण को उसके मूलभूत मान पर सेट करें।देखें initial。
inherit इस गुण को अपने माता एलिमेंट से विरासत करें।देखें inherit。

तकनीकी विवरण

मूलभूत मान: auto
विरासत: नहीं
एनीमेशन निर्माण: नहीं समर्थित।देखें:एनीमेशन संबंधी गुण。
संस्करण: CSS3
जावास्क्रिप्ट व्याकरण: object.style.breakAfter="always"

अधिक उदाहरण

उदाहरण

हमेशा id वाले एलिमेंट के बाद पृष्ठफूल चिह्न जोड़ें: "toc"

@media print {
  #toc {
    break-after: always;
  }
}

उदाहरण

किसी क्षेत्र में हमेशा <ul> एलिमेंट के बाद क्षेत्र चिह्न जोड़ें:

.region ul {
    break-after: region;
  }
}

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

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

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