W3.CSS Text:-
W3.CSS टेक्स्ट फ्रेमवर्क में कई क्लासेस शामिल हैं जिनका उपयोग टेक्स्ट को स्टाइल करने और टेक्स्ट इफ़ेक्ट add करने के लिए किया जाता है। ये classes text को align कर सकती हैं, text को center में रख सकती हैं, text में shadows जोड़ सकती हैं और उसकी opacity को बदल सकती हैं।
i. W3.CSS Text Alignment:-
किसी कंटेनर element के भीतर टेक्स्ट को align करने के लिए तीन classes का उपयोग किया जाता है।
W3-left-align ——– > Left Alignment
W3-right align ——– > Right Alignment
W3-center ———— > Center Alignment
ii. Wide and Slim Text:-
वाइड टेक्स्ट में प्रत्येक character के बीच additional spaces होता है जबकि स्लिम टेक्स्ट में प्रत्येक character के बीच compressed space होता है। वाइड क्लास बनाने के लिए, w3-wide और स्लिम क्लास बनाने के लिए w3-slim का उपयोग किया जाता है।
iii. Shadow and Opacity:-
आप w3-text-shadow क्लास के माध्यम से टेक्स्ट में shadow या टेक्स्ट में blur effects भी दे सकते हैं। हालाँकि, आप w3-opacity class के माध्यम से टेक्स्ट में opacity दे सकते हैं। टेक्स्ट opacity class सभी colors के साथ काम करने के लिए डिज़ाइन किया गया है।
W3.CSS Text:-
W3.CSS text framework contains many classes that are used to style text and add text effects. These classes can align text, center text, add shadows to the text and change its opacity.
i. CSS Text Alignment:-
Three classes are used to align text within a container element. The w3-left-align aligns the content to left, right aligns the content to right and center aligns the centers the content.
W3-left-align ——– > Left Alignment
W3-right align ——– > Right Alignment
W3-center ———— > Center Alignment
ii. Wide and Slim Text:-
Wide text has additional spaces between each character while slim text has compressed space between each character. To create wide classes, use w3-wide and Slim Classes use w3-slim.
iii. Shadow and Opacity:-
You can also add shadow to the text through w3-text-shadow class or blur effects to text. However, you can add opacity to the text through w3-opacity class. Text opacity class is design to work with all colors.