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

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

white-space प्रॉपर्टी का उपयोग किसी तत्व के अंदर व्हाइट स्पेस (स्पेस, टैब, लाइन ब्रेक) को कैसे संभाला जाए, इसे नियंत्रित करने के लिए किया जाता है।

उदाहरण

<!DOCTYPE html> <html> 
  <head> 
    <style> 
      p.demo1 { 
        white-space: normal; 
      } 
      p.demo2 { 
        white-space: pre; 
      } 
    </style> 
  </head> 
  <body> 
    <h2>व्हाइट स्पेस नियंत्रित करें</h2> 
    <p class="demo1">यह डेमो टेक्स्ट है।     यह डेमो टेक्स्ट है।</p> 
    <p class="demo2">यह डेमो टेक्स्ट है।     यह डेमो टेक्स्ट है।</p> 
  </body> 
</html>

मुख्य मान: normal (लगातार स्पेस को संकुचित करता है, लाइन ब्रेक को स्पेस मानता है), pre (सभी व्हाइट स्पेस संरक्षित करता है, लाइन ब्रेक केवल \n या <br> पर), nowrap (टेक्स्ट को एक लाइन में रखता है), pre-wrap (व्हाइट स्पेस संरक्षित, आवश्यकतानुसार लपेटता है), pre-line (लगातार स्पेस संकुचित, लाइन ब्रेक संरक्षित)।

  1. - CSS font-size-adjust प्रॉपर्टी

    font-size-adjust प्रॉपर्टी का उपयोग फ़ॉन्ट फॉलबैक होने पर पठनीयता बनाए रखने के लिए किया जाता है। यह पहलू मूल्य (एस्पेक्ट वैल्यू) को निर्दिष्ट करता है जो पहले पसंद के फ़ॉन्ट के लोअरकेस x की ऊंचाई के अनुपात को फ़ॉन्ट आकार के सापेक्ष दर्शाता है। उदाहरण <!DOCTYPE html> <html> <head>

  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