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

CSS Orphans प्रॉपर्टी

टाइपोग्राफिक भाषा में, orphans वे लाइनें हैं जो पेज ब्रेक के कारण पेज के नीचे फंसी रह जाती हैं, जबकि widows वे लाइनें हैं जो पेज ब्रेक के बाद पेज के शीर्ष पर रह जाती हैं। आमतौर पर, प्रिंटेड पेजेस सिंगल लाइन्स के साथ शीर्ष या नीचे अच्छे नहीं दिखते। अधिकांश प्रिंटर प्रत्येक पेज के शीर्ष या नीचे कम से कम दो या अधिक लाइन्स छोड़ने का प्रयास करते हैं।

  • orphans प्रॉपर्टी एक पैराग्राफ की न्यूनतम लाइन्स निर्दिष्ट करती है जो पेज के नीचे छोड़ दी जानी चाहिए।
  • widows प्रॉपर्टी एक पैराग्राफ की न्यूनतम लाइन्स निर्दिष्ट करती है जो पेज के शीर्ष पर छोड़ दी जानी चाहिए।

प्रत्येक पेज के नीचे 4 लाइन्स और शीर्ष पर 3 लाइन्स बनाने का उदाहरण:

<style>
  <!--
    @page {
      orphans:4;
      widows:2;
    }
  -->
</style>

नोट: कोड में widows:2 है लेकिन टेक्स्ट में 3 लाइन्स शीर्ष पर लिखा है - यह विसंगति है।

  1. - CSS white-space प्रॉपर्टी

    white-space प्रॉपर्टी का उपयोग किसी तत्व के अंदर व्हाइट स्पेस (स्पेस, टैब, लाइन ब्रेक) को कैसे संभाला जाए, इसे नियंत्रित करने के लिए किया जाता है। उदाहरण <!DOCTYPE html> <html> <head> <style> p.demo1 { white-space: normal; } p.demo2 {

  1. CSS में writing-mode प्रॉपर्टी CSS में writing-mode प्रॉपर्टी

    writing-mode प्रॉपर्टी का उपयोग यह सेट करने के लिए किया जाता है कि टेक्स्ट की लाइनें क्षैतिज या लंबवत रूप से रखी गई हैं। प्रॉपर्टी मान writing-mode: horizontal-tb | vertical-rl | vertical-lr; उदाहरण <!DOCTYPE html> <html> <head> <style> p { writing-mode: vertic

  1. CSS pointer-events प्रॉपर्टी CSS pointer-events प्रॉपर्टी

    pointer-events प्रॉपर्टी तय करती है कि तत्व पॉइंटर इवेंट (क्लिक, होवर, टच) पर प्रतिक्रिया देगा या नहीं। none से तत्व क्लिक-थ्रू हो जाता है, auto डिफ़ॉल्ट व्यवहार है। उदाहरण <!DOCTYPE html> <html> <head> <style> body { font-family: Segoe UI, Tahoma, Geneva, Verdana, sa