text-align प्रॉपर्टी
text-align प्रॉपर्टी
टेक्स्ट के अलाइनमेंट को सेट करती है: बाएं किनारे पर, दाएं किनारे पर,
केंद्र में, बाएं और दाएं किनारों पर एक साथ।
सिंटैक्स
cssसेलेक्टर {
text-align: center | left | right | justify | auto | start | end;
}
वैल्यूज
| वैल्यू | विवरण |
|---|---|
center |
टेक्स्ट केंद्र में अलाइन होगा। |
left |
टेक्स्ट बाएं किनारे पर अलाइन होगा। |
right |
टेक्स्ट दाएं किनारे पर अलाइन होगा। |
justify |
टेक्स्ट एक साथ दाएं और बाएं किनारे पर अलाइन होगा। |
auto |
एलिमेंट का अलाइनमेंट नहीं बदलता (डिफॉल्ट वैल्यू)। |
start |
left के बराबर, अगर टेक्स्ट बाएं से दाएं जा रहा है, और right,
जब टेक्स्ट दाएं से बाएं जा रहा है (अरबी भाषा आदि)।
|
end |
right के बराबर, अगर टेक्स्ट बाएं से दाएं जा रहा है और left,
जब टेक्स्ट दाएं से बाएं जा रहा है।
|
डिफॉल्ट वैल्यू: auto। ज्यादातर
मामलों में डिफॉल्ट रूप से टेक्स्ट बाएं
किनारे पर अलाइन होता है (अरबी भाषा में - दाएं किनारे पर)।
हालांकि, कुछ अपवाद हैं, उदाहरण के लिए,
th
में टेक्स्ट केंद्र में अलाइन होगा।
उदाहरण . वैल्यू left
html<p>
some long text
</p>cssp {
text-align: left;
width: 400px;
}
Результат:
उदाहरण . वैल्यू right
html<p>
some long text
</p>cssp {
text-align: right;
width: 400px;
}
Результат:
उदाहरण . वैल्यू center
html<p>
Lorem ipsum dolor sit amet.
</p>cssp {
text-align: center;
}
Результат:
उदाहरण . वैल्यू justify
html<p>
some long text
</p>cssp {
text-align: justify;
width: 400px;
}
Результат: