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

CSS में टेक्स्ट के चारों ओर छाया सेट करें

टेक्स्ट के चारों ओर छाया सेट करने के लिए text-shadow गुण का उपयोग करें। निम्न कोड चलाकर CSS में टेक्स्ट के चारों ओर छाया सेट करना सीखें:

उदाहरण

<html>
  <head>
  </head>
  <body>
    <p style="text-shadow:3px 1px 4px green;">
      If your browser supports the CSS text-shadow property, this text will have a green shadow.
    </p>
  </body>
</html>
  1. CSS में टेक्स्ट सजावट का रंग सेट करें CSS में टेक्स्ट सजावट का रंग सेट करें

    टेक्स्ट सजावट (अंडरलाइन, ओवरलाइन, लाइन-थ्रू) का रंग सेट करने के लिए text-decoration-color प्रॉपर्टी का उपयोग करें। यह text-decoration-line और text-decoration-style से स्वतंत्र रूप से रंग नियंत्रित करता है। उदाहरण <!DOCTYPE html> <html> <head> <style> .demo {

  1. CSS में टेक्स्ट सजावट की शैली सेट करें CSS में टेक्स्ट सजावट की शैली सेट करें

    टेक्स्ट सजावट की शैली सेट करने के लिए text-decoration-style प्रॉपर्टी का उपयोग करें। आप निम्न मानों का उपयोग कर सकते हैं: text-decoration-style: solid | double | dotted | dashed | wavy | initial | inherit; उदाहरण <!DOCTYPE html> <html> <head> <style> span {

  1. CSS में टेक्स्ट पर सजावट का प्रकार सेट करें CSS में टेक्स्ट पर सजावट का प्रकार सेट करें

    टेक्स्ट पर उपयोग की जाने वाली सजावट का प्रकार सेट करने के लिए text-decoration-line प्रॉपर्टी का उपयोग करें। CSS में हमारे पास टेक्स्ट सजावट के लिए निम्न विकल्प हैं: text-decoration-line: none | underline | overline | line-through | initial | inherit; उदाहरण <!DOCTYPE html> <html> <