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

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

text-decoration-line ਪ੍ਰਤੀਯੋਗਿਤਾ ਨਾਲ ਕਿਸ ਤਰ੍ਹਾਂ ਦੇ ਟੈਕਸਟ ਡੈਕੋਰੇਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰਨੀ ਹੈ (ਨੀਚੇ ਲਾਈਨ, ਉੱਪਰ ਲਾਈਨ, ਚੱਕਰ ਲਾਈਨ)।

ਸੁਝਾਅ:ਸਾਥੀ ਦੇਖੋ text-decoration ਪ੍ਰਤੀਯੋਗਿਤਾ, ਜੋ ਕਿ text-decoration-line, text-decoration-style ਅਤੇ text-decoration-color ਦੇ ਸ਼ਾਰਟਕਰਨ ਪ੍ਰਤੀਯੋਗਿਤਾ ਹੈ।

ਟਿੱਪਣੀ:ਤੁਸੀਂ ਕਈ ਕੀਮਤਾਂ ਨੂੰ ਮਿਲਾ ਸਕਦੇ ਹੋ, ਜਿਵੇਂ ਉੱਨਲਾਈਨ ਅਤੇ ਓਵਰਲਾਈਨ, ਟੈਕਸਟ ਦੇ ਉੱਪਰ ਅਤੇ ਨੀਚੇ ਲਾਈਨ ਦਰਸਾਉਣ ਲਈ。

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆCSS ਲੇਖ

HTML DOM ਸੂਚੀਕਰਣ ਮੁੱਢਲਾtextDecorationLine ਗੁਣ

ਮਿਸਾਲ

ਵੱਖ-ਵੱਖ text-decoration ਲਾਈਨ ਕਿਸਮਾਂ ਨੂੰ ਸੈਟ ਕਰੋ:

div.a {
  text-decoration-line: overline;
}
div.b {
  text-decoration-line: underline;
}
div.c {
  text-decoration-line: line-through;
}
div.d {
  text-decoration-line: overline underline;
}

ਸਵੈ ਮੰਗਣ ਕਰੋ

CSS ਗਰੰਥਕਾਰਾਂ

text-decoration-line: none|underline|overline|line-through|initial|inherit;

ਗੁਣ ਕੀਮਤ

ਕੀਮਤ ਵਰਣਨ
none ਮੂਲਤਵੀ ਕੀਮਤ। ਟੈਕਸਟ-decoration ਨੂੰ ਕੋਈ ਲਾਈਨ ਨਹੀਂ ਦਰਸਾਉਂਦਾ
underline ਟੈਕਸਟ ਦੇ ਨੀਚੇ ਹੁੰਦੇ ਹਨ
overline ਟੈਕਸਟ ਦੇ ਉੱਪਰ ਹੁੰਦੇ ਹਨ
line-through ਪ੍ਰਦਰਸ਼ਨ ਦੇ ਲਈ ਹੁੰਦੇ ਹਨ ਜੋ ਟੈਕਸਟ ਦੇ ਅੰਦਰ ਹੁੰਦੇ ਹਨ
initial ਇਹ ਗੁਣ ਇਸ ਗੁਣ ਦੀ ਮੂਲਤਵੀ ਕੀਮਤ ਨੂੰ ਸੈਟ ਕਰੋ। ਦੇਖੋ: initial。
inherit ਇਹ ਗੁਣ ਆਪਣੇ ਮਾਤਾ ਅੰਤਰਛੇਦ ਤੋਂ ਇਸ ਗੁਣ ਨੂੰ ਲੈ ਲਿਆ ਹੈ। ਦੇਖੋ: inherit。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲਤਵੀ ਕੀਮਤ: none
ਵਿਰਾਸਤੀ ਹੈ: ਨਹੀਂ
ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣਾ: ਸਮਰਥਨ ਨਹੀਂ ਹੈ। ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧਤ ਗੁਣ。
ਸੰਸਕਰਣ: CSS3
JavaScript ਗਰੰਥਕਾਰਾਂ: object.style.textDecorationLine="overline"

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

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

ਜੋ ਨੰਬਰ ਦੇ ਨਾਲ -webkit- ਜਾਂ -moz- ਲਿਖੇ ਹਨ ਉਹ ਪ੍ਰਾਥਮਿਕ ਪ੍ਰਤੀਕ ਦੀ ਪਹਿਲੀ ਸੰਸਕਰਣ ਦੀ ਵਰਤੋਂ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ。

ਚਰਮੀ IE / ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
57.0 79.0 36.0
6.0 -moz-		 12.1
7.1 -webkit-		 44.0