CSS border-top-style پراویٹی

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

border-top-style ਪ੍ਰਤੀਭਾਵ ਨੂੰ ਐਲੀਮੈਂਟ ਦੀ ਉੱਪਰੀ ਬਾਰੀ ਦੇ ਸਟਾਈਲ ਸੈਟ ਕਰਦਾ ਹੈ。

ਜਦੋਂ ਇਹ ਮੁੱਲ none ਨਹੀਂ ਹੋਵੇ ਤਾਂ ਬਾਰੀ ਦਿਖਾਈ ਦੇਣ ਦੀ ਸਮਰੱਥਾ ਹੁੰਦੀ ਹੈ。

CSS1 ਵਿੱਚ ਹੀ ਹੀ HTML ਯੂਜ਼ਰ ਏਜੰਟ ਸਿਰਫ solid ਅਤੇ none ਸਮਰਥਨ ਕਰਦਾ ਸੀ。

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆCSS ਬਾਰਡਰ

CSS ਸੂਚਨਾ ਕੈਸਟborder-top ਪ੍ਰਤੀਭਾਵ

HTML DOM ਸੂਚਨਾ ਕੈਸਟborderTopStyle ਪ੍ਰਤੀਭਾਵ

ਉਦਾਹਰਣ

ਉੱਪਰੀ ਬਾਰੀ ਦੇ ਸਟਾਈਲ ਸੈਟ ਕਰੋ:

p
  {
  border-style:solid;
  border-top-style:dotted;
  }

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

CSS ਗਰੇਫਟਾਂ

border-top-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

ਪ੍ਰਤੀਭਾਵ

ਮੁੱਲ ਵਰਣਨ
none ਬਿਨਾ ਬਾਰੀ ਦੇ ਸਟਾਈਲ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ。
hidden ਇਹ "none" ਨਾਲ ਇੱਕ ਸਮਾਨ ਹੈ। ਫਿਰ ਵੀ ਸਾਰੇ ਤਾਲਾਬਾਂ ਵਿੱਚ ਇਹ ਲਾਗੂ ਨਹੀਂ ਹੁੰਦਾ ਹੈ; ਤਾਲਾਬਾਂ ਵਿੱਚ ਹਿਡਨ ਬਾਰੀ ਦੇ ਟਕਰਾਅ ਨੂੰ ਹੱਲ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ。
dotted ਬਿੰਦੂ ਬਾਰੀ ਦੇ ਸਟਾਈਲ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ। ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਸਿੱਧੀ ਬਾਰੀ ਦੇ ਰੂਪ ਵਿੱਚ ਦਿਖਾਈ ਦਿੰਦੀ ਹੈ。
dashed ਮਿੱਠੀ ਬਾਰੀ ਦੇ ਸਟਾਈਲ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ। ਮਿੱਠੀ ਬਾਰੀ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਸਿੱਧੀ ਬਾਰੀ ਦੇ ਰੂਪ ਵਿੱਚ ਦਿਖਾਈ ਦਿੰਦੀ ਹੈ。
solid ਸਿੱਧੀ ਬਾਰੀ ਦੇ ਸਟਾਈਲ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ。
double ਦੁਵੱਲੀ ਬਾਰੀ ਦੇ ਸਟਾਈਲ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ। ਦੁਵੱਲੀ ਦੀ ਚੌਕੇਦਾਰੀ border-width ਦੇ ਮੁੱਲ 'ਤੇ ਨਿਰਭਰ ਹੈ。
groove 3D groove ਬਾਰੀ ਦੇ ਸਟਾਈਲ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ। ਇਸ ਦਾ ਪ੍ਰਭਾਵ border-color ਦੇ ਮੁੱਲ 'ਤੇ ਨਿਰਭਰ ਹੈ。
ridge 3D bevel ਬਾਰੀ ਦੇ ਸਟਾਈਲ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ। ਇਸ ਦਾ ਪ੍ਰਭਾਵ border-color ਦੇ ਮੁੱਲ 'ਤੇ ਨਿਰਭਰ ਹੈ。
inset 3D inset ਬਾਰੀ ਦੇ ਸਟਾਈਲ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ। ਇਸ ਦਾ ਪ੍ਰਭਾਵ border-color ਦੇ ਮੁੱਲ 'ਤੇ ਨਿਰਭਰ ਹੈ。
outset 3D outset ਬਾਰੀ ਦੇ ਸਟਾਈਲ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ। ਇਸ ਦਾ ਪ੍ਰਭਾਵ border-color ਦੇ ਮੁੱਲ 'ਤੇ ਨਿਰਭਰ ਹੈ。
inherit ਬਾਰੀ ਦੇ ਸਟਾਈਲ ਨੂੰ ਪੈਰੈਂਟ ਐਲੀਮੈਂਟ ਤੋਂ ਵਿਰਾਸਤ ਲੈਣਾ ਹੈ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: not specified
ਵਿਰਾਸਤੀਕਰਣ: no
ਸੰਸਕਰਣ: CSS1
JavaScript ਗਰੇਫਟਾਂ: object.style.borderTopStyle="dotted"

ਹੋਰ ਉਦਾਹਰਣ

ਉੱਪਰੀ ਬਾਰੀ ਦੇ ਸਟਾਈਲ ਸੈਟ ਕਰਨ
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਉੱਪਰੀ ਬਾਰੀ ਦੇ ਸਟਾਈਲ ਸੈਟ ਕਰਨ ਦੇ ਤਰੀਕੇ ਦਿਖਾਇਆ ਗਿਆ ਹੈ。

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

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

ਚਰਮੋਨਾ IE / ਐਂਜਲ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
1.0 5.5 1.0 1.0 9.2