CSS text-decoration-thickness ਪ੍ਰਤੀਯੋਗਿਤਾ

ਵਿਆਕਰਣ ਅਤੇ ਵਰਤੋਂ

text-decoration-thickness ਵਿਸ਼ੇਸ਼ਤਾ ਸਨਅਤਕਾਰ ਲਾਈਨ ਦੀ ਹੱਦ ਨਿਰਧਾਰਿਤ ਕਰਦੀ ਹੈ。

ਹੋਰ ਦੇਖੋ:

ਇਸ ਤੋਂ ਵੀ ਦੇਖੋ:text-decoration ਵਿਸ਼ੇਸ਼ਤਾ

CSS ਸਿੱਖਿਆ:CSS ਲਿਖਤ

ਉਦਾਹਰਣ

ਹੈੱਡਿੰਗ <h1>、<h2>、<h3>、<h4> ਤੱਤਾਂ ਲਈ ਵੱਖ-ਵੱਖ ਹੱਦ ਦੀਆਂ ਸਨਅਤਕਾਰ ਲਾਈਨਾਂ ਸੈਟ ਕਰੋ:

h1 {
  text-decoration: underline;
  text-decoration-thickness: auto;
}
h2 {
  text-decoration: underline;
  text-decoration-thickness: 5px;
}
h3 {
  text-decoration: underline;
  text-decoration-thickness: 50%;
}
/* ਸ਼ਾਰਟਨ ਵਿਸ਼ੇਸ਼ਤਾ */
h4 {
  text-decoration: underline solid red 50%;
}

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

CSS ਵਿਆਕਰਣ

text-decoration-thickness: auto|from-font|length/percentage|initial|inherit;

ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ

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

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: auto
ਵਿਰਾਸਤੀ ਹੈ: ਨਹੀਂ
ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣਾ: ਸਮਰਥਨ ਨਹੀਂ ਹੈ। ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ.
ਸੰਸਕਰਣ: CSS4
JavaScript ਵਿਆਕਰਣ: object.style.textDecorationThickness="5px"

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

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

ਚਰਮੋਨਾ IE / ਐਜ਼ਡ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
89.0 89.0 70.0 12.1 75.0