CSS text-underline-position ਪ੍ਰਾਪਰਟੀ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

text-underline-position ਪ੍ਰਤੀਯੋਗਿਤਾ ਹੇਠਲੀ ਲਿਖਣ ਨੂੰ ਟੈਕਸਟ ਡਿਕੋਰੇਸ਼ਨ ਦੀ ਸਥਿਤੀ ਸੈਟ ਕਰਦੀ ਹੈ。

ਉਦਾਹਰਣ

ਹੇਠਲੀ ਲਿਖਣ ਨੂੰ ਟੈਕਸਟ ਡਿਕੋਰੇਸ਼ਨ ਦੀ ਸਥਿਤੀ ਸੈਟ ਕਰੋ:

div.a {
  text-decoration: underline;
  text-underline-position: auto;
}
div.b {
  text-decoration: underline;
  text-underline-position: under;
}

ਆਪਣੇ ਆਪ ਦੋਸ਼ਤ ਬਣਾਓ

CSS ਗਰੇਫਟਾਂ

text-underline-position: auto|under|from-font|left|right|initial|inherit;

ਪ੍ਰਤੀਯੋਗਿਤਾ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
auto ਮੂਲ ਮੁੱਲ। ਬਰਾਉਜ਼ਰ ਹੇਠਲੀ ਲਿਖਣ ਦੀ ਸਥਿਤੀ ਸੈਟ ਕਰੇਗਾ。
under ਹੇਠਲੀ ਲਿਖਣ ਨੂੰ ਅਲਫਾਬੇਟ ਦੇ ਮੁੱਢਲੇ ਹਿੱਸੇ ਦੇ ਨੇੜੇ ਰੱਖੋ。
from-font

ਜੇਕਰ ਫਾਂਟ ਫਾਈਲ ਹੇਠਲੀ ਲਿਖਣ ਦੀ ਸਥਿਤੀ ਬਾਰੇ ਸੂਚਨਾ ਰੱਖਦੀ ਹੈ ਤਾਂ ਇਸ ਮੁੱਲ ਨੂੰ ਵਰਤੋਂ ਕਰੋ。

ਅਨੇਕਾਂ ਵਿੱਚ auto ਵਿੱਚ ਰੱਖਿਆ ਜਾਵੇਗਾ。
left

ਲੈਂਗਵੇਜ ਵਿੱਚ ਉੱਚੀ ਲਿਖਣ ਦੇ ਮੋਡ ਵਿੱਚ، ਹੇਠਲੀ ਲਿਖਣ ਨੂੰ ਲਿਖਣ ਦੇ ਕੋਲ ਰੱਖਿਆ ਜਾਵੇਗਾ。

ਲੈਂਗਵੇਜ ਵਿੱਚ ਪੱਧਰੀ ਲਿਖਣ ਦੇ ਮੋਡ ਵਿੱਚ، ਹੇਠਲੀ ਲਿਖਣ ਨੂੰ auto ਵਿੱਚ ਰੱਖਿਆ ਜਾਵੇਗਾ。
right

ਲੈਂਗਵੇਜ ਵਿੱਚ ਉੱਚੀ ਲਿਖਣ ਦੇ ਮੋਡ ਵਿੱਚ، ਹੇਠਲੀ ਲਿਖਣ ਨੂੰ ਲਿਖਣ ਦੇ ਸਾਹਮਣੇ ਰੱਖਿਆ ਜਾਵੇਗਾ。

ਲੈਂਗਵੇਜ ਵਿੱਚ ਪੱਧਰੀ ਲਿਖਣ ਦੇ ਮੋਡ ਵਿੱਚ، ਹੇਠਲੀ ਲਿਖਣ ਨੂੰ auto ਵਿੱਚ ਰੱਖਿਆ ਜਾਵੇਗਾ。
initial ਇਸ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਇਸ ਦੇ ਮੂਲ ਮੁੱਲ ਨੂੰ ਸੈਟ ਕਰੋ। ਦੇਖੋ: initial.
inherit ਇਸ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਉਸ ਦੇ ਮਾਪੇ ਤੋਂ ਵਿਰਾਸਤ ਕਰੋ। ਦੇਖੋ: inherit.

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: auto
ਵਿਰਾਸਤੀ: ਹਾਂ
ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣਾ: ਸਮਰਥਨ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ। ਸਲਾਹ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧੀ ਪ੍ਰਤੀਯੋਗਿਤਾਵਾਂ.
ਵਰਜਨ: CSS3
JavaScript ਗਰੇਫਟਾਂ: object.style.textUnderlinePosition="under"

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਸਾਰੇ ਪੰਨਿਆਂ ਵਿੱਚ ਨੰਬਰ ਇਹ ਪਹਿਲੀ ਸਾਰੀ ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੀ ਵਰਜਨ ਹੈ ਜੋ ਇਸ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਦੀ ਹੈ。

ਚਰਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
33.0 79.0 74.0 12.1 20.0

ਸਬੰਧਤ ਪੰਨੇ

ਸਿੱਖਿਆ ਪੁਸਤਕ:CSS ਟੈਕਸਟ ਡਿਕੋਰੇਸ਼ਨ

ਸਲਾਹ:HTML DOM textDecoration ਪ੍ਰਤੀਯੋਗਿਤਾ