CSS text-align-last गुण

परिभाषा और उपयोग

text-align-last गुण टेक्स्ट के अंतिम पंक्ति को कैसे जस्ता करेगा परिभाषित करता है।

ध्यान दें कि text-align-last गुण चयनित एलीमेंट के भीतर सभी सबसे अंतिम पंक्तियों को सेट करता है। इसलिए, यदि एक <div> में तीन पाठकंठाएँ हैं, तो text-align-last प्रत्येक पाठकंठा के अंतिम पंक्ति पर लागू होगा। यदि आप कंटेनर के अंतिम पाठकंठा पर text-align-last का उपयोग करना चाहते हैं, तो :last child का उपयोग करें, नीचे के उदाहरण को देखें।

टिप्पणीःEdge/Internet Explorer में, text-align-last गुण केवल 'text-align: justify' वाले टेक्स्ट के लिए उपयोगी है।

अन्य संदर्भः

CSS शिक्षणःCSS टेक्स्ट

HTML DOM संदर्भ मानचित्रःtextAlignLast गुण

उदाहरण

तीन <div> एलीमेंटों के अंतिम पंक्ति को जस्ता करें:

div.a {
  text-align: justify;  /* 针对 Edge */
  text-align-last: right;
}
div.b {
  text-align: justify; /* Edge के लिए */ 
  text-align-last: center;
}
div.c {
  text-align: justify; /* Edge के लिए */ 
  text-align-last: justify;
}

खुद आयात करें

अधिक TIY उदाहरण पृष्ठ के नीचे दिखाएं

CSS व्याकरण

text-align-last: auto|left|right|center|justify|start|end|initial|inherit;

गुण मूल्य

मूल्य वर्णन
auto

मूलभूत मूल्य। प्रत्येक पंक्ति के जमाएं के नियम text-align के मूल्य द्वारा निर्धारित किया जाता है。

यदि text-align का मूल्य justify है, तो text-align-last का प्रदर्शन start से समान है。
left अंतिम पंक्ति बाईं ओर से जमाएं
right अंतिम पंक्ति दायां ओर से जमाएं
center अंतिम पंक्ति मध्य में जमाएं
justify अंतिम पंक्ति के शुरू को सामने के बॉक्स के बाईं ओर से और अंत को दायां ओर से जमाएं
start

अंतिम पंक्ति पंक्ति के शुरू में जमाएं

यदि text-direction शीर्ष को बाईं ओर से लेकर दायां ओर की दिशा में है, तो बाईं ओर जमाएं, यदि text-direction शीर्ष को दायां ओर से बाईं ओर की दिशा में है, तो दायां ओर जमाएं。
end

अंतिम पंक्ति पंक्ति के अंत में जमाएं

यदि text-direction शीर्ष को बाईं ओर से लेकर दायां ओर की दिशा में है, तो दायां ओर जमाएं, यदि text-direction शीर्ष को दायां ओर से बाईं ओर की दिशा में है, तो बाईं ओर जमाएं。
initial इस गुण को उसके मूलभूत मूल्य पर सेट करें। देखें initial。
inherit इस गुण को अपने पिता एलीमेंट से विरासत करें। देखें inherit。

तकनीकी विवरण

मूलभूत मूल्य: auto
विरासत: हाँ
एनिमेशन निर्माण: समर्थित नहीं। देखें:एनिमेशन संबंधी गुण。
संस्करण: CSS3
JavaScript व्याकरण: object.style.textAlignLast="right"

अधिक उदाहरण

डिवाइस में अंतिम पंक्ति पर text-align-last: का उपयोग करें

div.b p:last-child {
  text-align-last: center;
}

खुद आयात करें

ब्राउज़र समर्थन

तालिका में संख्याएं इस गुण के पूर्ण समर्थन के पहले ब्राउज़र संस्करण को निर्देशित करती हैं。

जो -moz- से लिया गया संख्या का अर्थ है कि प्रीफिक्स का पहला संस्करण का उपयोग किया जा रहा है。

च्रोम IE / एज फायरफॉक्स सैफारी ओपेरा
47.0 5.5* 49.0
12.0 -moz-		 समर्थित नहीं 34.0

* Edge/Internet Explorer में "start" और "end" मूल्यों को समर्थित नहीं किया जाता है。