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

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

<घंटा/>

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

उदाहरण

आइए अब एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<style>
div {
   text-indent: 30px;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<div>
<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.
</p>
</div>
</body>
</html>

आउटपुट

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

उदाहरण

आइए अब एक और उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<style>
div {
   text-indent: 15em;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<div>
<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.
</p>
</div>
</body>
</html>

आउटपुट

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


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

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

  1. टेक्स्ट इंडेंटेशन सीएसएस के साथ काम करना

    CSS टेक्स्ट-इंडेंट प्रॉपर्टी हमें किसी एलीमेंट की पहली लाइन का इंडेंटेशन सेट करने में मदद करती है। सिंटैक्स CSS टेक्स्ट-इंडेंट प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    text-indent: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS टेक्स्ट-इंडेंट प्रॉपर्टी को दर्शाते हैं। <!DOCTYPE ht

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

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