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

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

text-decoration-style ਪ੍ਰਤੀਭਾਵ ਇਸ ਟੈਕਸਟ ਦੇ ਪ੍ਰਜਵਲਨ ਦੇ ਪ੍ਰਕਾਰ ਨੂੰ ਸੈਟ ਕਰਦਾ ਹੈ (ਸਿੱਧੀ, ਪਵਾਰਡ, ਪੁਆਇੰਟ, ਵਾਯੂ, ਦੋ ਲਾਈਨਾਂ)。

ਸੁਝਾਅ:ਸਮੇਂ ਵੀ ਦੇਖੋ: text-decoration ਪ੍ਰਤੀਭਾਵਇਹ ਤਿੰਨ ਪ੍ਰਤੀਭਾਵਾਂ ਦਾ ਸ਼ਾਬਦਿਕ ਪ੍ਰਤੀਭਾਵ ਹੈ:

  • text-decoration-line
  • text-decoration-style
  • text-decoration-color

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆCSS ਟੈਕਸਟ

HTML DOM ਸਮਾਧਾਨ ਕਿਤਾਬtextDecorationStyle ਪ੍ਰਤੀਭਾਵ

ਮਾਪਦੰਡ

ਵੱਖ-ਵੱਖ ਤਰ੍ਹਾਂ ਦੇ text-decoration ਸਟਾਈਲ ਸੈਟ ਕਰੋ:

div.a {
  text-decoration-line: underline;
  text-decoration-style: solid;
}
div.b {
  text-decoration-line: underline;
  text-decoration-style: wavy;
}
div.c {
  text-decoration-line: underline;
  text-decoration-style: double;
}
div.d {
  text-decoration-line: overline underline;
  text-decoration-style: wavy;
}

ਆਪਣੇ ਆਪ ਮੋਹਰੇ ਵਿੱਚ ਕੀਤਾ ਜਾਵੇ

CSS ਗਰੱਭਕਾਰੀ

text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;

ਪ੍ਰਤੀਭਾਵ

ਮੁੱਲ ਵਰਣਨ
solid ਮੂਲ ਮੁੱਲ। ਲਾਈਨ ਪਵਾਰਡ ਪਵਾਰਡ ਦਿਖਾਈ ਦੇਣਾ ਹੈ。
double ਲਾਈਨ ਪਵਾਰਡ ਪਵਾਰਡ ਦਿਖਾਈ ਦੇਣਾ ਹੈ。
dotted ਲਾਈਨ ਪਵਾਰਡ ਪਵਾਰਡ ਦਿਖਾਈ ਦੇਣਾ ਹੈ。
dashed ਲਾਈਨ ਪਵਾਰਡ ਪਵਾਰਡ ਪਵਾਰਡ ਦਿਖਾਈ ਦੇਣਾ ਹੈ。
wavy ਲਾਈਨ ਪਵਾਰਡ ਪਵਾਰਡ ਦਿਖਾਈ ਦੇਣਾ ਹੈ。
initial ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਉਸ ਦੇ ਮੂਲ ਮੁੱਲ ਨੂੰ ਸੈਟ ਕਰੋ। ਦੇਖੋ: initial.
inherit ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਉਸ ਦੇ ਮਾਪੇ ਤੋਂ ਵਿਰਾਸਤੀ ਕਰੋ। ਦੇਖੋ: inherit.

ਤਕਨੀਕੀ ਵੇਰਵੇ

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

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

ਸਾਰੇ ਸਾਰੇ ਸਟਾਈਲ ਦੇ ਪਹਿਲੇ ਸਮਰਥਨ ਵਾਲੇ ਬਰਾਉਜ਼ਰ ਦੇ ਨੰਬਰ ਸ਼ਾਮਲ ਕੀਤੇ ਗਏ ਹਨ。

ਸਾਰੇ -moz- ਨੰਬਰਾਂ ਵਾਲੇ ਸਿੱਧੇ ਪ੍ਰਭਾਵ ਦੀ ਪਹਿਲੀ ਸੰਸਕਰਣ ਦਾ ਪ੍ਰਯੋਗ ਕਰਨ ਦਾ ਹਵਾਲਾ ਦਿੰਦੇ ਹਨ。

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