सीएसएस टेक्स्ट अलाइन
- पिछला पृष्ठ सीएसएस टेक्स्ट
- अगला पृष्ठ सीएसएस टेक्स्ट डिकॉरेशन
टेक्स्ट समानांतर
text-align
गुण का उपयोग टेक्स्ट के स्तरीय समानांतर को सेट करने के लिए है。
टेक्स्ट बाईं से दाईं की ओर, दाईं से बाईं की ओर या बीच में समानांतर हो सकता है。
नीचे दिए उदाहरण में बीच में और बाईं-दाईं में समानांतर टेक्स्ट को दिखाया गया है (यदि टेक्स्ट दिशा बाईं से दाईं की ओर है, तो डिफ़ॉल्ट बाईं से दाईं की ओर समानांतर होगा; यदि टेक्स्ट दिशा दाईं से बाईं की ओर है, तो डिफ़ॉल्ट दाईं से बाईं की ओर समानांतर होगा):
इनस्टैंस
h1 { text-align: center; } h2 { text-align: left; } h3 { text-align: right; }
जब text-align
गुण विन्यास "justify" के रूप में सेट किया जाने पर, प्रत्येक पंक्ति को फैलाया जाता है, ताकि प्रत्येक पंक्ति की विस्तृति समान हो और बाईं-दाईं किनारा सीधे हो (जैसे कि पत्रिकाओं और समाचार पत्रों में):
इनस्टैंस
div { text-align: justify; }
टैक्स्ट दिशा
direction
और unicode-bidi
एट्रिब्यूट एलिमेंट के लिए टैक्स्ट दिशा को बदल सकता है:
इनस्टैंस
p { direction: rtl; unicode-bidi: bidi-override; }
वर्टिकल अलाइनमेंट
vertical-align
एट्रिब्यूट एलिमेंट के वर्टिकल अलाइनमेंट को सेट करता है。
इस इनस्टैंस में टैक्स्ट में इमेज के वर्टिकल अलाइनमेंट को सेट करने के तरीके को दिखाया जाता है:
इनस्टैंस
img.top { vertical-align: top; } img.middle { vertical-align: middle; } img.bottom { vertical-align: bottom; }
- पिछला पृष्ठ सीएसएस टेक्स्ट
- अगला पृष्ठ सीएसएस टेक्स्ट डिकॉरेशन