CSS بوردر-تاپ-وائڈت پرپرتی

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

border-top-width ਵਿਸ਼ੇਸ਼ਤਾ ਬਰਾਉਨਡ ਦੀ ਉੱਪਰੀ ਚੌਕੇਦਾਰੀ ਦੀ ਚੌਕੇਦਾਰੀ ਨੂੰ ਸੈਟ ਕਰਦੀ ਹੈ。

ਬਰਾਉਨਡ ਸਟਾਈਲ none ਨਹੀਂ ਹੋਣ ਤੇ ਤਾਂ ਇਹ ਕੰਮ ਕਰਦਾ ਹੈ।ਬਰਾਉਨਡ ਸਟਾਈਲ none ਹੋਣ ਤੇ ਬਰਾਉਨਡ ਦੀ ਚੌਕੇਦਾਰੀ ਮੂਲ ਮੁੱਲ 0 ਵਿੱਚ ਵਾਪਸ ਲੈ ਲਈ ਜਾਂਦੀ ਹੈ।ਨਕਾਰਾਤਮਕ ਲੰਬਾਈ ਮੁੱਲ ਦੀ ਘੋਸ਼ਣਾ ਨਹੀਂ ਕੀਤੀ ਜਾ ਸਕਦੀ。

ਟਿੱਪਣੀਆਂ:ਹਰ ਸਮੇਂ border-top-width ਵਿਸ਼ੇਸ਼ਤਾ ਤੋਂ ਪਹਿਲਾਂ border-style ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਘੋਸ਼ਣਾ ਕਰੋ।ਬਰਾਉਨਡ ਹਾਸਲ ਹੋਣ ਤੋਂ ਬਾਅਦ ਤਾਂ ਬਰਾਉਨਡ ਦੀ ਚੌਕੇਦਾਰੀ ਬਦਲੀ ਜਾ ਸਕਦੀ ਹੈ।ਬਰਾਉਨਡ ਸਟਾਈਲ none ਹੋਣ ਤੋਂ ਬਾਅਦ ਬਰਾਉਨਡ ਦੀ ਚੌਕੇਦਾਰੀ ਮੂਲ ਮੁੱਲ 0 ਵਿੱਚ ਵਾਪਸ ਲੈ ਲਈ ਜਾਂਦੀ ਹੈ।ਨਕਾਰਾਤਮਕ ਲੰਬਾਈ ਮੁੱਲ ਦੀ ਘੋਸ਼ਣਾ ਨਹੀਂ ਕੀਤੀ ਜਾ ਸਕਦੀ。

ਹੋਰ ਦੇਖੋ:

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

CSS ਸੂਚਨਾਕ੍ਰਮਾਂ ਮੈਨੂਅਲ:border-top ਵਿਸ਼ੇਸ਼ਤਾ

HTML DOM ਸੂਚਨਾਕ੍ਰਮਾਂ ਮੈਨੂਅਲ:borderTopWidth ਵਿਸ਼ੇਸ਼ਤਾ

ਉਦਾਹਰਣ

ਉੱਪਰੀ ਬਰਾਉਨਡ ਦੀ ਚੌਕੇਦਾਰੀ ਸੈਟ ਕਰੋ:

p
  {
  border-style:solid;
  border-top-width:15px;
  }

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

CSS ਗਰੰਟਾਂ:

border-top-width: medium|thin|thick|length|initial|inherit;

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

ਮੁੱਲ ਵਰਣਨ
thin ਘੱਟ ਉੱਪਰੀ ਬਰਾਉਨਡ ਦੀ ਚੌਕੇਦਾਰੀ ਦੇਣ ਦਾ ਮੁੱਲ ਦਿੰਦਾ ਹੈ。
medium ਮੂਲ ਮੁੱਲ।ਮੱਧਮ ਉੱਪਰੀ ਬਰਾਉਨਡ ਦੀ ਚੌਕੇਦਾਰੀ ਦੇਣ ਦਾ ਮੁੱਲ ਦਿੰਦਾ ਹੈ。
thick ਕਠਿਨ ਉੱਪਰੀ ਬਰਾਉਨਡ ਦੀ ਚੌਕੇਦਾਰੀ ਦੇਣ ਦਾ ਮੁੱਲ ਦਿੰਦਾ ਹੈ。
length ਤੁਹਾਨੂੰ ਉੱਪਰੀ ਬਰਾਉਨਡ ਦੀ ਚੌਕੇਦਾਰੀ ਵਿੱਚ ਆਪਣੀ ਚੋਣ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ。
inherit ਪ੍ਰਿੰਟ ਨੂੰ ਪ੍ਰਿੰਟ ਦੇ ਮੂਲ ਵਿੱਚ ਬਰਾਉਨਡ ਚੌਕੇਦਾਰੀ ਮੁੱਲ ਵਿੱਚ ਵਾਪਸ ਲੈ ਕੇ ਦੇਣ ਦੀ ਸ਼ਰਤ ਹੈ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: medium
ਵਿਰਾਸਤ: no
ਸੰਸਕਰਣ: CSS1
JavaScript ਗਰੰਟਾਂ: object.style.borderTopWidth="thick"

ਹੋਰ ਉਦਾਹਰਣ

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

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

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

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

ਟਿੱਪਣੀਆਂ:IE7 ਅਤੇ ਇਸ ਤੋਂ ਪਹਿਲੇ ਦੀਆਂ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ "inherit" ਮੁੱਲ ਸਮਰਥਨ ਨਹੀਂ ਹੈ।IE8 ਲਈ !DOCTYPE ਚਾਹੀਦਾ ਹੈ।IE9 "inherit" ਸਮਰਥਨ ਕਰਦਾ ਹੈ。