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

CSS टेक्स्ट-इंडेंट प्रॉपर्टी को चेतन करें


CSS के साथ टेक्स्ट-इंडेंट प्रॉपर्टी पर एनिमेशन लागू करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं -

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            background-color: orange;
            border: 2px solid blue;
            animation: myanim 3s infinite;
         }
         @keyframes myanim {
            30% {
               text-indent: 120px;
            }
         }
      </style>
   </head>
   <body>
      <h1>CSS text-indent property</h1>
      <div>
         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.
      </div>
   </body>
</html>

  1. CSS में टेक्स्ट-जस्टिफाई प्रॉपर्टी CSS में टेक्स्ट-जस्टिफाई प्रॉपर्टी

    CSS में टेक्स्ट-जस्टिफाई प्रॉपर्टी का इस्तेमाल टेक्स्ट के जस्टिफिकेशन मेथड को सेट करने के लिए किया जाता है, जब टेक्स्ट-एलाइन प्रॉपर्टी को जस्टिफाई वैल्यू पर सेट किया जाता है। संपत्ति के मूल्य निम्नलिखित हैं - text-justify: auto|inter-word|inter-character|none|initial|inherit; उदाहरण आइए अब CSS में

  1. सीएसएस सही संपत्ति सीएसएस सही संपत्ति

    तत्व की क्षैतिज स्थिति निर्धारित करने के लिए सही गुण का उपयोग किया जाता है। इसे - . के रूप में सेट किया गया है right: auto|length|initial|inherit; उदाहरण आइए CSS में सही प्रॉपर्टी को लागू करने के लिए एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> div {    

  1. सीएसएस टेक्स्ट-इंडेंट प्रॉपर्टी के साथ इंडेंट टेक्स्ट सीएसएस टेक्स्ट-इंडेंट प्रॉपर्टी के साथ इंडेंट टेक्स्ट

    CSS टेक्स्ट-इंडेंट संपत्ति हमें इंडेंटिंग टेक्स्ट में सफेद स्थान की मात्रा निर्दिष्ट करने की अनुमति देती है। उदाहरण निम्नलिखित उदाहरण CSS टेक्स्ट-इंडेंट प्रॉपर्टी को दर्शाते हैं। p { text-indent:15%;} article { background-color:#000000; मार्जिन:2%; इसलिए, बहुत सारे इरोज किशोरों की एक अच्छी घाटी है।