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

CSS का उपयोग करके टेक्स्ट डेकोरेशन

<घंटा/>

CSS टेक्स्ट-डेकोरेशन प्रॉपर्टी का उपयोग चयनित एलिमेंट के टेक्स्ट में डेकोरेशन लागू करने के लिए किया जाता है। हम मान के रूप में लाइन-थ्रू, ओवरलाइन, अंडरलाइन आदि जोड़ सकते हैं। यह टेक्स्ट-डेकोरेशन-लाइन, टेक्स्ट-डेकोरेशन-कलर और टेक्स्ट-डेकोरेशन-स्टाइल के लिए शॉर्टहैंड है।

सिंटैक्स

टेक्स्ट-डेकोरेशन प्रॉपर्टी का सिंटैक्स इस प्रकार है -

चयनकर्ता { टेक्स्ट-डेकोरेशन:/*value*/}

उदाहरण

निम्नलिखित उदाहरण CSS टेक्स्ट-डेकोरेशन प्रॉपर्टी को दर्शाते हैं -


रात से पहले मैं अकेला यात्री नहीं हूं



।

 
आउटपुट
 

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

 CSS का उपयोग करके टेक्स्ट डेकोरेशन 
 
उदाहरण
 
  <सिर> <शैली> अवधि {पृष्ठभूमि:आरजीबी (204,22,50); टेक्स्ट-डेकोरेशन:ब्लू लाइन-थ्रू; फ़ॉन्ट-शैली:इटैलिक; color:white;}p { text-decoration:underline;}
विभाग विवरण

विभाग विपणन, संचालन, वित्त, के कर्मचारी आईटी से अनुरोध है कि वे अपने मूल दस्तावेज़ ईमेल करें। जमा करने में देरी से सत्यापन में देरी होगी।


 
आउटपुट
 

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

 CSS का उपयोग करके टेक्स्ट डेकोरेशन
  1. CSS का उपयोग करके टेक्स्ट अलाइनमेंट सेट करना

    हम एचटीएमएल दस्तावेज़ों में टेक्स्ट को क्षैतिज संरेखण के लिए सीएसएस टेक्स्ट-एलाइन प्रॉपर्टी और सीएसएस पैडिंग-टॉप के साथ सीएसएस पैडिंग-बॉटम, या लंबवत संरेखण के लिए सीएसएस लाइन-ऊंचाई का उपयोग करके संरेखित कर सकते हैं। सिंटैक्स ऊपर उल्लिखित CSS गुणों के लिए सिंटैक्स निम्नलिखित हैं - चयनकर्ता { पाठ-संर

  1. सीएसएस का उपयोग करके जेड-इंडेक्स के साथ तत्वों को ओवरलैप करना

    CSS Z-Index प्रॉपर्टी डेवलपर का उपयोग करके तत्वों को एक दूसरे पर स्टैक किया जा सकता है। Z-सूचकांक का मान धनात्मक या ऋणात्मक हो सकता है। ध्यान दें - यदि ओवरलैप करने वाले तत्वों में z-index निर्दिष्ट नहीं है तो वह तत्व दिखाई देगा जिसका उल्लेख दस्तावेज़ में अंतिम बार किया गया है। उदाहरण आइए z-सूचकांक

  1. CSS का उपयोग करके तत्व के टेक्स्ट का रंग सेट करना

    CSS कलर प्रॉपर्टी का इस्तेमाल किसी एलीमेंट के टेक्स्ट का रंग बदलने के लिए किया जाता है। हम मान को मानक रंग नाम, rgb(), rgba(), hsl(), hsla() और हेक्साडेसिमल मान के रूप में निर्दिष्ट कर सकते हैं। सिंटैक्स CSS कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    color: /*value*/ } निम्नल