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

CSS में text-decoration गुण का उपयोग

text-decoration गुण का उपयोग टेक्स्ट को अंडरलाइन, ओवरलाइन और स्ट्राइकथ्रू करने के लिए किया जाता है।

उदाहरण

निम्न उदाहरण दर्शाता है कि टेक्स्ट को कैसे सजाया जाए। संभावित मान: none, underline, overline, line-through, blink।

<html>
  <head>
  </head>
  <body>
    <p style="text-decoration:underline;">
      This will be underlined
    </p>
    <p style="text-decoration:line-through;">
      This will be striked through.
    </p>
    <p style="text-decoration:overline;">
      This will have a over line.
    </p>
    <p style="text-decoration:blink;">
      This text will have blinking effect
    </p>
  </body>
</html>

नोट: blink मान अधिकांश आधुनिक ब्राउज़र्स में समर्थित नहीं है।

  1. - CSS में border-left-width गुण का उपयोग

    border-left-width गुण बाएं बॉर्डर की चौड़ाई बदलता है। निम्न कोड चलाकर border-left-width गुण लागू करें: उदाहरण <html> <head> </head> <body> <p style=border-left-width:6px;border-style:solid;> This is demo content. </p> </body> </html&

  1. - CSS list-style-type गुण का उपयोग

    list-style-type आपको मार्कर के आकार या उपस्थिति को नियंत्रित करने की अनुमति देता है। निम्न कोड चलाकर list-style-type गुण लागू करें: उदाहरण <html> <head> </head> <body> <ul style=list-style-type:circle;> <li>India</li> <li>Australi

  1. - CSS list-style-image गुण का उपयोग

    list-style-image बुलेट पॉइंट या नंबर के बजाय मार्कर के लिए एक छवि निर्दिष्ट करता है। निम्न कोड चलाकर list-style-image गुण लागू करें: उदाहरण <html> <head> </head> <body> <ul> <li style=list-style-image: url(/images/bullet.gif);>Karnataka</li>