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

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

text-underline-offset ਗੁਣ ਨਿਸ਼ਾਨ ਟੈਕਸਟ ਦੀ ਪਰਿਵਾਰਣ ਦੂਰੀ ਸੈਟ ਕਰਦਾ ਹੈ。

ਉਦਾਹਰਣ

ਨਿਸ਼ਾਨ ਟੈਕਸਟ ਦੀ ਪਰਿਵਾਰਣ ਦੂਰੀ ਸੈਟ ਕਰੋ:

div.a {
  text-decoration: underline;
}
div.b {
  text-decoration: underline;
  text-underline-offset: 10px;
}
div.c {
  text-decoration: underline wavy blue;
}
div.d {
  text-decoration: underline wavy blue;
  text-underline-offset: 10px;
}

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

CSS ਗਰੰਥ

text-underline-offset: auto|length|percentage|initial|inherit;

ਗੁਣ ਮੁੱਲ

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

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: auto
ਵਿਰਾਸਤੀਕਰਣ: ਹਾਂ
ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣ: ਸਮਰਥਨ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ। ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧੀ ਗੁਣ.
ਸੰਸਕਰਣ: CSS4
JavaScript ਗਰੰਥ: object.style.textUnderlineOffset="1em"

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

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

ਚਰਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
87.0 87.0 70.0 12.1 73.0

ਸਬੰਧਤ ਪੰਨੇ

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

ਸਿਧਾਂਤਕਰਨ:HTML DOM textDecoration ਪ੍ਰਤੀਯੋਗਿਤਾ