CSS بوردر-تاپ-استایل پرپرتی

ਨਿਰਮਾਣ ਅਤੇ ਵਰਤੋਂ

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" ਨਾਲ ਇੱਕੋ ਹੀ ਹੈ। ਪਰ ਸਾਰੇ ਸਾਰੇ ਸਫ਼ੇਰਾਂ 'ਤੇ ਲਾਗੂ ਨਹੀਂ ਹੁੰਦਾ ਹੈ; ਸਾਰੇ ਸਫ਼ੇਰਾਂ 'ਤੇ hidden ਬਾਰੀ ਦੇ ਟਕਰਾਅ ਨੂੰ ਹੱਲ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ。
dotted ਬਿੰਦੂ ਬਾਰੀ ਦਾ ਨਿਰਮਾਣ ਕਰੋ। ਮੱਧ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਇਹ ਸਰਲ ਬਾਰੀ ਦੇ ਰੂਪ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਹੁੰਦਾ ਹੈ。
dashed ਵਿਖਾਨ ਬਾਰੀ ਦਾ ਨਿਰਮਾਣ ਕਰੋ। ਮੱਧ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਇਹ ਸਰਲ ਬਾਰੀ ਦੇ ਰੂਪ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਹੁੰਦਾ ਹੈ。
solid ਸਰਲ ਬਾਰੀ ਦਾ ਨਿਰਮਾਣ ਕਰੋ。
double ਦੁਵੱਲੀ ਬਾਰੀ ਦਾ ਨਿਰਮਾਣ ਕਰੋ। ਇਸ ਦੀ ਚੌਡਾਈ border-width ਦੇ ਮੁੱਲ 'ਤੇ ਨਿਰਭਰ ਹੈ。
groove 3D ਘੜੀ ਬਾਰੀ ਦਾ ਨਿਰਮਾਣ ਕਰੋ। ਇਸ ਦਾ ਪ੍ਰਭਾਵ border-color ਦੇ ਮੁੱਲ 'ਤੇ ਨਿਰਭਰ ਹੈ。
ridge 3D ਬੱਕਰੀ ਬਾਰੀ ਦਾ ਨਿਰਮਾਣ ਕਰੋ। ਇਸ ਦਾ ਪ੍ਰਭਾਵ 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