पृष्ठ-विराम - सीएसएस-ट्रिक्स

page-breakCSS में कोई वास्तविक संपत्ति नहीं है । यह वास्तव में 3 गुण का एक सेट है: page-break-before, page-break-afterऔर page-break-inside। ये गुण यह परिभाषित करने में मदद करते हैं कि मुद्रित होने पर दस्तावेज़ को कैसा व्यवहार करना चाहिए। उदाहरण के लिए, मुद्रित दस्तावेज़ को अधिक पुस्तक की तरह बनाना।

गुण

पेज-अलग होने से पहले

जिस page-break-beforeतत्व को लागू किया जाता है, उसके पहले गुण पृष्ठ-विराम जोड़ता है।

नोट : यह संपत्ति अधिक सामान्य break-beforeसंपत्ति द्वारा प्रतिस्थापित की जा रही है । यह नई प्रॉपर्टी कॉलम और रीजन को तोड़ती है, जबकि सिंटैक्टली संगत होती है page-break-before। इस प्रकार उपयोग करने से पहले page-break-before, जांचें कि क्या आप break-beforeइसके बजाय उपयोग कर सकते हैं ।

इसके लिए एक सामान्य उपयोग का मामला इसे चयनकर्ता पर लागू करना है, #commentsताकि टिप्पणियों के साथ एक पृष्ठ प्रिंट करने वाला उपयोगकर्ता आसानी से पूरे दस्तावेज़ को प्रिंट कर सके, लेकिन टिप्पणियों को साफ़-सुथरे तरीके से पहले रोक सके।

पृष्ठ-विराम-पश्चात

जिस page-break-afterतत्व को लागू किया जाता है, उसके बाद संपत्ति पृष्ठ-विराम जोड़ता है।

नोट : यह संपत्ति अधिक सामान्य break-afterसंपत्ति द्वारा प्रतिस्थापित की जा रही है । यह नई प्रॉपर्टी कॉलम और रीजन को तोड़ती है, जबकि सिंटैक्टली संगत होती है page-break-after। इस प्रकार उपयोग करने से पहले page-break-after, जांचें कि क्या आप break-afterइसके बजाय उपयोग कर सकते हैं ।

पेज-अलग होने के अंदर

page-break-insideसंपत्ति तत्व है जो करने के लिए इसे लागू किया जाता है के अंदर एक पेज ब्रेक कहते हैं।

वाक्य - विन्यास

page-break-after : auto | always | avoid | left | right page-break-before : auto | always | avoid | left | right page-break-inside : auto | avoid

leftऔर rightमूल्यों के लिए page-break-beforeऔर page-break-afterएक फैल लेआउट (एक किताब की तरह) जहां अलग-अलग छोड़ दिया और सही पृष्ठों देखते हैं देखें। वे इस तरह काम करते हैं:

• left तत्व के बाद एक या दो पृष्ठ को तोड़ता है ताकि अगले पृष्ठ को बाएं पृष्ठ के रूप में स्वरूपित किया जा सके।
• right तत्व के बाद एक या दो पृष्ठ को तोड़ता है ताकि अगले पृष्ठ को एक सही पृष्ठ के रूप में स्वरूपित किया जा सके।

alwaysदोनों के मिश्रण के रूप में विचार करें । विनिर्देश कहते हैं:

एक अनुरूपण उपयोगकर्ता एजेंट 'हमेशा' के रूप में 'बाएं' और 'सही' मानों की व्याख्या कर सकता है।

उदाहरण

@media print ( h2 ( page-break-before: always; ) h3, h4 ( page-break-after: avoid; ) pre, blockquote ( page-break-inside: avoid; ) )

यह कोड स्निपेट 3 चीजें करता है:

• यह सभी h2शीर्षकों से पहले पृष्ठ-विराम को बाध्य करता है (शायद आपके दस्तावेज़ में h2 टैग अध्याय शीर्षक हैं जो एक ताजा पृष्ठ के लायक हैं)
• यह पृष्ठ-विराम को उप-शीर्षकों के ठीक बाद रोकता है क्योंकि यह विषम दिखता है
• यह preटैग और ब्लॉक-स्तरीय उद्धरणों के अंदर पृष्ठ-विराम को रोकता है

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

क्रोम	सफारी	फ़ायर्फ़ॉक्स	ओपेरा	अर्थात	एंड्रॉयड	आईओएस
कोई	कोई	कोई	7+	4+	टी.बी.डी.	टी.बी.डी.

आप iOS पर AirPrint की तरह मोबाइल उपकरणों से प्रिंट कर सकते हैं, लेकिन हमने इसका परीक्षण नहीं किया है। यदि किसी के पास समर्थन पर डेटा है, तो हमें बताएं।