CSS में टेक्स्ट फॉर्मेट करने के लिए, आप टेक्स्ट रंग, टेक्स्ट सजावट, लाइन ऊंचाई, टेक्स्ट दिशा, टेक्स्ट संरेखण आदि बदल सकते हैं।
टेक्स्ट संरेखण
CSS का उपयोग करके टेक्स्ट संरेखण सेट करने के लिए, text-align प्रॉपर्टी का उपयोग करें। संभावित प्रॉपर्टी मान निम्न हैं:
text-align: left | right | center | justify | initial | inherit;
उदाहरण
<!DOCTYPE html> <html>
<head>
<style>
.demo {
-webkit-columns: auto auto;
-moz-columns: auto auto;
columns: auto auto;
text-align: justify;
}
</style>
</head>
<body>
<h1>मशीन लर्निंग</h1>
<div class="demo">
आज की आर्टिफिशियल इंटेलिजेंस (AI) ने ब्लॉकचेन और क्वांटम कंप्यूटिंग के प्रचार को पार कर लिया है। यह इस तथ्य के कारण है कि विशाल कंप्यूटिंग संसाधन आम आदमी के लिए आसानी से उपलब्ध हैं। डेवलपर्स अब बेहतर प्रदर्शन और परिणामों के लिए नए मशीन लर्निंग मॉडल बनाने और मौजूदा मॉडलों को पुनः प्रशिक्षित करने का लाभ उठाते हैं। हाई परफॉरमेंस कंप्यूटिंग (HPC) की आसान उपलब्धता के परिणामस्वरूप मशीन लर्निंग कौशल रखने वाले IT पेशेवरों की मांग में अचानक वृद्धि हुई है।
</div>
</body>
</html>
आउटपुट
लाइन ऊंचाई
लाइन ऊंचाई सेट करने के लिए, line-height प्रॉपर्टी का उपयोग करें। प्रॉपर्टी मान निम्न हैं:
line-height: normal | number | length | initial | inherit;
उदाहरण
<!DOCTYPE html> <html>
<head>
<style>
div { line-height: 1.9; }
</style>
</head>
<body>
<h1>डेमो हेडिंग</h1>
<div>
<p>यह डेमो टेक्स्ट है।<br> यह एक और डेमो टेक्स्ट है।</p>
</div>
</body>
</html>
आउटपुट
टेक्स्ट सजावट
CSS में टेक्स्ट सजावट के लिए, text-decoration प्रॉपर्टी का उपयोग निम्न प्रॉपर्टीज़ के लिए शॉर्टहैंड के रूप में करें:
text-decoration-line text-decoration-color text-decoration-style
उदाहरण
<!DOCTYPE html> <html>
<head>
<style>
.demo { text-decoration: overline underline; }
</style>
</head>
<body>
<h1>विवरण</h1>
<p class="demo">परीक्षा केंद्र ABC कॉलेज के पास।</p>
<p class="demo2">परीक्षा सुबह 9 बजे शुरू होती है।</p>
</body>
</html>
आउटपुट
अन्य प्रॉपर्टीज़: text-transform (अपरकेस, लोअरकेस, कैपिटलाइज़), text-indent (पहली लाइन इंडेंट), letter-spacing, word-spacing, white-space, direction (rtl/ltr), writing-mode।
