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

CSS का उपयोग करके बाएँ बॉर्डर की चौड़ाई निर्धारित करें

<घंटा/>

बाएँ बॉर्डर की चौड़ाई सेट करने के लिए, बॉर्डर-बाएँ-चौड़ाई . का उपयोग करें सीएसएस में संपत्ति। सीमा-बाएं-चौड़ाई . को लागू करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं संपत्ति -

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         p {
            border-style: dashed;
            border-left-width: 10px;
         }
      </style>
   </head>
   <body>
      <p>This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text.</p>
   </body>
</html>

आउटपुट

CSS का उपयोग करके बाएँ बॉर्डर की चौड़ाई निर्धारित करें


  1. सीएसएस का उपयोग करके टेक्स्ट इंडेंटेशन

    टेक्स्ट इंडेंटेशन के लिए, CSS में टेक्स्ट-इंडेंट प्रॉपर्टी का उपयोग करें। यह एक पैराग्राफ में पहली पंक्ति के इंडेंटेशन के लिए है। उदाहरण आइए अब एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> div {    text-indent: 30px; } </style> </head> <bo

  1. सीएसएस में ::पहली पंक्ति छद्म-तत्व

    यह सीएसएस छद्म तत्व किसी तत्व की सामग्री की पहली पंक्ति का चयन करता है। हालाँकि, लाइन की लंबाई विंडो के आकार के अनुसार बदल सकती है यदि टेक्स्ट वाले टेक्स्ट की चौड़ाई निश्चित नहीं है। आइए CSS का एक उदाहरण देखें ::प्रथम-पंक्ति छद्म तत्व - उदाहरण <!DOCTYPE html> <html> <head> <sty

  1. CSS में @media At-नियम

    CSS @media नियम का उपयोग एक ही स्टाइल शीट में विभिन्न मीडिया प्रकारों (जैसे प्रिंट, स्क्रीन, सभी, आदि) के लिए विभिन्न शैलियों को निर्दिष्ट करने के लिए किया जाता है। इसके बाद आमतौर पर मीडिया प्रकारों की अल्पविराम से अलग की गई सूची और लक्ष्य मीडिया के लिए शैलियों के नियमों वाले CSS घोषणा ब्लॉक होते है