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; /* ਈਜ਼ੀ ਐਜ਼ */ 
  text-align-last: center;
}
div.c {}}
  text-align: justify; /* ਈਜ਼ੀ ਐਜ਼ */ 
  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 ਦਾ ਪ੍ਰਦਰਸ਼ਨ ਸ਼ੁਰੂ ਵਿੱਚ ਸੈੱਟ ਕੀਤੇ ਗਏ ਮੁੱਲ ਨਾਲ ਸਮਾਨ ਹੈ。
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: center; ਵਰਤ ਕੇ ਨਾਲ ਇਕਾਈ ਵਿੱਚ ਆਖਰੀ ਲਾਈਨ ਦੀ ਸਥਿਤੀ ਵਿੱਚ ਵਰਤੋਂ ਕਰੋ

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

ਸਵੈ ਦੀ ਪ੍ਰਯੋਗ ਕਰੋ

ਬਰਾਉਜ਼ਰ ਸਪੋਰਟ

ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਪੂਰਣ ਸਪੋਰਟ ਕਰਨ ਵਾਲੀ ਪਹਿਲੀ ਬਰਾਉਜ਼ਰ ਸੰਸਕਰਣ ਦੀ ਸੰਖਿਆ ਸ਼ਾਮਲ ਕੀਤੀ ਗਈ ਹੈ。

ਪਹਿਲੀ ਸੰਸਕਰਣ ਦੇ ਪ੍ਰਿਫਿਕਸ ਦੀ ਵਰਤੋਂ ਲਈ -moz- ਨਾਲ ਸੰਖਿਆ ਦਰਸਾਈ ਗਈ ਹੈ。

ਚਰਮੋਨਾ IE / ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪੇਰਾ
47.0 5.5* 49.0
12.0 -moz-		 ਸਪੋਰਟ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ ਹੈ 34.0

* ਈਜ਼ੀ ਐਜ਼ ਈਂਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ ਵਿੱਚ "start" ਅਤੇ "end" ਮੁੱਲਾਂ ਨੂੰ ਸਪੋਰਟ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ ਹੈ。