Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

CSS में page-break-before, page-break-after, page-break-inside प्रॉपर्टीज का उपयोग

मान लीजिए आपके डॉक्यूमेंट में लेवल-1 हेडर्स नए चैप्टर्स शुरू करते हैं और लेवल-2 हेडर्स सेक्शन दर्शाते हैं। आप चाहते हैं कि प्रत्येक चैप्टर एक नए, राइट-हैंड पेज पर शुरू हो, लेकिन आप नहीं चाहते कि सेक्शन हेडर्स बाद के कंटेंट से पेज ब्रेक के कारण विभाजित हों। आप निम्न नियम का उपयोग करके इसे प्राप्त कर सकते हैं:

<style>
  <!--
    h1 { page-break-before: right }
    h2 { page-break-after: avoid }
  -->
</style>

केवल auto और avoid मानों का उपयोग page-break-inside प्रॉपर्टी के साथ करें। यदि आप पसंद करते हैं कि आपकी टेबल्स यदि संभव हो तो पेजेस में न टूटें, तो आप नियम लिखेंगे:

<style>
  <!--
    table { page-break-inside: avoid }
  -->
</style>

नोट: यह पिछले लेख का दोहराव है लेकिन page-break-inside के लिए टेबल उदाहरण जोड़ता है।

  1. CSS Margin प्रॉपर्टीज CSS Margin प्रॉपर्टीज

    CSS margin प्रॉपर्टी margin-top, margin-right, margin-bottom, और margin-left के लिए एक शॉर्टहैंड है। यह हमें एलिमेंट्स के चारों ओर स्पेस निर्दिष्ट करने में सक्षम बनाती है। हम व्यक्तिगत साइड्स के लिए मार्जिन भी सेट कर सकते हैं। सिंटैक्स CSS margin प्रॉपर्टी का सिंटैक्स निम्नलिखित है: Selector { &nbs

  1. CSS मार्जिन और पैडिंग CSS मार्जिन और पैडिंग

    मार्जिन तत्व के चारों ओर बाहरी स्पेस बनाता है, जबकि पैडिंग तत्व के कंटेंट और बॉर्डर के बीच आंतरिक स्पेस बनाता है। दोनों लेआउट नियंत्रण के लिए आवश्यक हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> body { font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif; }

  1. 2020 में वेब डिज़ाइन के लिए नवीनतम CSS प्रॉपर्टीज़ और APIs 2020 में वेब डिज़ाइन के लिए नवीनतम CSS प्रॉपर्टीज़ और APIs

    नई CSS प्रॉपर्टीज़ और APIs डेवलपर्स को JavaScript और CSS के मिश्रण से वेबसाइट कस्टमाइज़ करने में मदद के लिए नई CSS प्रॉपर्टीज़ विकसित की गई हैं जो अब लोकप्रिय ब्राउज़र्स में सपोर्टेड हैं। कुछ नीचे सूचीबद्ध हैं: focus-within एलिमेंट्स के भीतर फोकस-एक्सेसिबिलिटी को हल करने का लक्ष्य। scroll-snap नेटि