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

CSS में राइटिंग-मोड प्रॉपर्टी

<घंटा/>

राइटिंग-मोड प्रॉपर्टी का उपयोग यह निर्धारित करने के लिए किया जाता है कि टेक्स्ट की लाइनें क्षैतिज या लंबवत रूप से रखी गई हैं या नहीं। संपत्ति के मूल्य हैं -

writing-mode: horizontal-tb|vertical-rl|vertical-lr;

उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
p {
   writing-mode: vertical-rl;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<p>This is demo text.</p>
</body>
</html>

आउटपुट

CSS में राइटिंग-मोड प्रॉपर्टी

उदाहरण

आइए अब एक और उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<style>
p.demo1 {
   word-spacing: 1cm;
   color: blue;
   writing-mode: vertical-rl;
}
p.demo2 {
   word-spacing: 40px;
   writing-mode: horizontal-tb;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<h2>Heading2</h2>
<p class="demo1">This is demo text.</p>
<h2>Heading2</h2>
<p class="demo2">This is demo text.</p>
</body>
</html>

आउटपुट

CSS में राइटिंग-मोड प्रॉपर्टी


  1. सीएसएस फ़ॉन्ट-आकार-समायोजित संपत्ति

    फ़ॉन्ट-आकार-समायोजन का उपयोग करें फ़ॉन्ट फ़ॉलबैक होने पर पठनीयता को संरक्षित करने के लिए t गुण। आप फ़ॉन्ट-आकार-समायोजित संपत्ति को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html>    <head>       <style>   &nb

  1. सीएसएस व्हाइट-स्पेस प्रॉपर्टी

    किसी एलीमेंट के अंदर व्हाइट-स्पेस के साथ काम करने के लिए व्हाइट-स्पेस प्रॉपर्टी का इस्तेमाल करें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          p.demo1 {             white-space:

  1. CSS सूचक-घटनाएँ संपत्ति

    पॉइंटर-इवेंट प्रॉपर्टी निर्दिष्ट करती है कि क्या तत्व को कुछ कार्रवाई करनी चाहिए या नहीं जब उस पर पॉइंटर इवेंट ट्रिगर होता है। पॉइंटर ईवेंट को माउस क्लिक, टच, स्टाइलस, आदि द्वारा ट्रिगर किया जा सकता है। CSS में पॉइंटर-इवेंट प्रॉपर्टी दिखाने वाला कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <