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

सीएसएस के साथ पेजिनेशन को नियंत्रित करना


पेजिनेशन को नियंत्रित करने के लिए, पेज-ब्रेक-पहले का उपयोग करें , पेज-ब्रेक-आफ्टर , और पेज-ब्रेक-इन गुण।

दोनों पेज-ब्रेक-पहले और पेज-ब्रेक-आफ्टर स्वतः, हमेशा, बचें, बाएँ और दाएँ खोजशब्दों को स्वीकार करें।

कीवर्ड स्वतः डिफ़ॉल्ट है; यह ब्राउज़र को आवश्यकतानुसार पृष्ठ विराम उत्पन्न करने देता है। कीवर्ड हमेशा तत्व के पहले या बाद में पृष्ठ विराम के लिए बाध्य करता है, जबकि दबाने . से बचें तत्व के ठीक पहले या बाद में एक पृष्ठ विराम। बाएँ और दाएँ खोजशब्द एक या दो पृष्ठ विराम के लिए बाध्य करते हैं, जिससे कि तत्व को बाएँ या दाएँ पृष्ठ पर प्रस्तुत किया जाता है।

पेजिनेशन गुणों का उपयोग करना काफी सरल है। मान लीजिए कि आपके दस्तावेज़ में स्तर -1 शीर्षलेख हैं, अनुभागों को दर्शाने के लिए स्तर -2 शीर्षलेखों के साथ नए अध्याय प्रारंभ करें। आप चाहते हैं कि प्रत्येक अध्याय एक नए, दाहिने हाथ वाले पृष्ठ पर शुरू हो, लेकिन आप नहीं चाहते कि अनुभाग शीर्षलेख बाद की सामग्री से एक पृष्ठ विराम में विभाजित हों।

उदाहरण

आप निम्न नियम का उपयोग करके इसे प्राप्त कर सकते हैं

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

  1. सीएसएस और जावास्क्रिप्ट के साथ जल्द ही आने वाला पेज कैसे बनाएं?

    सीएसएस और जावास्क्रिप्ट के साथ जल्द आने वाला पेज बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <style>    body {       height: 100vh;       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    

  1. CSS के साथ वेबसाइट के बारे में / हमारे बारे में पेज कैसे बनाएं?

    अबाउट पेज बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    html {       box-sizing: border-box;    }   &nbs

  1. यह नियंत्रित करना कि क्या माउस और टच को CSS पॉइंटर-इवेंट प्रॉपर्टी के साथ अनुमति है

    CSS पॉइंटर-इवेंट प्रॉपर्टी का उपयोग करके हम नियंत्रित कर सकते हैं कि किसी तत्व पर माउस और टच की अनुमति है या नहीं। CSS पॉइंटर-इवेंट प्रॉपर्टी का सिंटैक्स इस प्रकार है - pointer-events: auto|none; ऊपर, स्वतः डिफ़ॉल्ट है। तत्व सूचक घटनाओं पर प्रतिक्रिया करता है, जबकि कोई नहीं: तत्व सूचक घटनाओं पर