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

लंबवत पाठ, सीएसएस में क्षैतिज अक्षरों के साथ

<घंटा/>

टेक्स्ट-ओरिएंटेशन निर्दिष्ट करके:ईमानदार और लेखन-मोड:लंबवत-आरएल, हम क्षैतिज सीएसएस के साथ लंबवत टेक्स्ट प्रदर्शित कर सकते हैं।

सिंटैक्स

CSS राइटिंग-मोड और टेक्स्ट-ओरिएंटेशन प्रॉपर्टी का सिंटैक्स इस प्रकार है -

चयनकर्ता {लेखन-मोड:/*मान*/पाठ-अभिविन्यास:/*मान*/}

उदाहरण

निम्नलिखित उदाहरण CSS आउटलाइन-ऑफ़सेट प्रॉपर्टी को दर्शाते हैं।

  <शैली> h4 { टेक्स्ट-ओरिएंटेशन:सीधा; लेखन-मोड:लंबवत-आरएल; रेखा-ऊंचाई:3; बॉक्स-छाया:इनसेट 0 0 3px खाकी; }    

Sed nec tortor

यह निम्न आउटपुट देता है

लंबवत पाठ, सीएसएस में क्षैतिज अक्षरों के साथ

उदाहरण

  <शैली> बॉडी { डिस्प्ले:फ्लेक्स; फ्लेक्स:1; } पी { पाठ-अभिविन्यास:सीधा; लेखन-मोड:लंबवत-आरएल; रेखा-ऊंचाई:3; बॉक्स-छाया:इनसेट 0 0 13px नारंगी; }    

एक

दो

तीन

चार

यह निम्न आउटपुट देता है

लंबवत पाठ, सीएसएस में क्षैतिज अक्षरों के साथ


  1. सीएसएस के साथ टेक्स्ट बटन कैसे स्टाइल करें?

    CSS के साथ टेक्स्ट बटन को स्टाइल करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> button {    border: none;    color: white;  

  1. CSS के साथ ग्लोइंग टेक्स्ट कैसे बनाएं?

    सीएसएस के साथ चमकदार टेक्स्ट बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body {       background-color: rgb(0, 0, 0); &

  1. CSS के साथ वर्टिकल लाइन कैसे बनाएं?

    CSS के साथ एक वर्टिकल लाइन बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    .vLine {       border-left: 6px solid rgb(128, 0