CSS border-right-width کی ویژگی

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

border-right-width ਪ੍ਰਤੀਭਾਸ਼ਿਕ ਬਰਾਉਜ਼ਰ ਦੀ ਕੁੱਲ੍ਹੇ ਬਰਾਉਜ਼ਰ ਦੀ ਚੌਡਾਈ ਨੂੰ ਸੈਟ ਕਰਦਾ ਹੈ。

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

ਟਿੱਪਣੀਆਂ:ਹਰ ਸਮੇਂ border-right-width ਪ੍ਰਤੀਭਾਸ਼ਿਕ ਤੋਂ ਪਹਿਲਾਂ border-style ਪ੍ਰਤੀਭਾਸ਼ਿਕ ਦੀ ਘੋਸ਼ਣਾ ਕਰੋ।ਬਰਾਉਜ਼ਰ ਦੀ ਚੌਡਾਈ ਬਦਲਣ ਤੋਂ ਪਹਿਲਾਂ ਬਰਾਉਜ਼ਰ ਦੀ ਚੌਡਾਈ ਲੈਣਾ ਚਾਹੀਦਾ ਹੈ。

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆCSS 边框

CSS ਸੂਚੀਬੱਧborder-right ਪ੍ਰਤੀਭਾਸ਼ਿਕ

HTML DOM ਸੂਚੀਬੱਧborderRightWidth ਪ੍ਰਤੀਭਾਸ਼ਿਕ

ਉਦਾਹਰਣ

ਕੁੱਲ੍ਹੇ ਬਰਾਉਜ਼ਰ ਦੀ ਚੌਡਾਈ ਸੈਟ ਕਰਨਾ:

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

ਆਪਣੇ ਆਪ ਦੱਸੋ

CSS ਗਰੰਥ

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

ਪ੍ਰਤੀਭਾਸ਼ਿਕ ਮੁੱਲ

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

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: medium
ਵਿਰਾਸਤੀਤਾ: no
ਵਰਜਨ: CSS1
JavaScript ਗਰੰਥ: object.style.borderRightWidth="thick"

ਹੋਰ ਉਦਾਹਰਣ

ਕੁੱਲ੍ਹੇ ਬਰਾਉਜ਼ਰ ਦੀ ਚੌਡਾਈ ਸੈਟ ਕਰਨਾ
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਦੇਖੋ ਕਿ ਕਿਵੇਂ ਕੁੱਲ੍ਹੇ ਬਰਾਉਜ਼ਰ ਦੀ ਚੌਡਾਈ ਸੈਟ ਕਰਨਾ ਹੈ。

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

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

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