Style borderRight ਗੁਣ

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

borderRight ਗੁਣ ਸ਼ਾਰਟ ਫਾਰਮੈਟ ਵਿੱਚ ਸੈਟ ਕਰ ਸਕਦੇ ਹਨ ਜਾਂ ਵਾਪਸ ਲੈ ਸਕਦੇ ਹਨ ਤਿੰਨ ਸਿੱਧੇ ਬਾਰਡਰ ਗੁਣਾਂ ਤੋਂ ਸਭ ਤੋਂ ਜ਼ਿਆਦਾ ਤਿੰਨ ਹੀ ਗੁਣਾਂ ਨੂੰ ਸੈਟ ਕਰ ਸਕਦੇ ਹਨ ਜਾਂ ਵਾਪਸ ਲੈ ਸਕਦੇ ਹਨ。

ਇਸ ਗੁਣ ਰਾਹੀਂ ਤੁਸੀਂ ਨਿਮਨਲਿਖਤ ਇਕ ਜਾਂ ਕਈ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ (ਕਿਸੇ ਵੀ ਕਿਸਮ ਵਿੱਚ) ਸੈਟ ਕਰ ਸਕਦੇ ਹੋ ਜਾਂ ਵਾਪਸ ਲੈ ਸਕਦੇ ਹੋ:

ਹੋਰ ਦੇਖੋ:

CSS ਟੂਰਨਾਲ:CSS ਬਾਰਡਰ

CSS ਪੁਸਤਕਾਲ:border-right ਗੁਣ

HTML DOM ਪੁਸਤਕਾਲ:border ਗੁਣ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

div ਇਲੈਕਟ੍ਰੌਨਿਕ ਵਸਤੂ ਨੂੰ ਸਾਹਮਣੇ ਦੇ ਬਾਰਡਰ ਜੋੜਨਾ:

document.getElementById("myDiv").style.borderRight = "thick solid #0000FF";

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਉਦਾਹਰਣ 2

div ਇਲੈਕਟ੍ਰੌਨਿਕ ਵਸਤੂ ਦੇ ਸਾਹਮਣੇ ਦੇ ਬਾਰਡਰ ਦੀ ਚੌਡਾਈ, ਸਟਾਈਲ ਅਤੇ ਰੰਗ ਬਦਲਣਾ:

document.getElementById("myDiv").style.borderLeft = "thin dotted red";

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਉਦਾਹਰਣ 3

div ਇਲੈਕਟ੍ਰੌਨਿਕ ਵਸਤੂ ਦੇ border-right ਗੁਣ ਦਾ ਮੁੱਲ ਵਾਪਸ ਦੇਣਾ:

alert(document.getElementById("myDiv").style.borderLeft);

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਗਰਮਤਾ

borderRight ਗੁਣ ਨੂੰ ਵਾਪਸ ਦੇਣਾ:

object.style.borderRight

borderRight ਗੁਣ ਨੂੰ ਸੈਟ ਕਰੋ:

object.style.borderRight = "width style color|initial|inherit"

ਗੁਣ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
width ਸਾਹਮਣੇ ਦੇ ਬਾਰਡਰ ਦੀ ਚੌਡਾਈ ਨੂੰ ਸੈਟ ਕਰੋ。
style ਸਾਹਮਣੇ ਦੇ ਬਾਰਡਰ ਦੇ ਸਟਾਈਲ ਨੂੰ ਸੈਟ ਕਰੋ。
color ਸਾਹਮਣੇ ਦੇ ਬਾਰਡਰ ਦਾ ਰੰਗ ਸੈਟ ਕਰੋ。
initial ਇਸ ਗੁਣ ਨੂੰ ਇਸ ਗੁਣ ਦੇ ਮੂਲ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ। ਦੇਖੋ: initial.
inherit ਇਸ ਗੁਣ ਨੂੰ ਆਪਣੇ ਮਾਤਾ ਇਲੈਕਟ੍ਰੌਨਿਕ ਵਸਤੂ ਤੋਂ ਇਸ ਗੁਣ ਨੂੰ ਲੈ ਲਵੇ। ਦੇਖੋ: inherit.

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: ਨਾ ਨਿਰਧਾਰਿਤ
ਮੁੱਲ ਵਾਪਸ ਦੇਣਾ: ਮੰਤਰਾ, ਜਿਸ ਵਿੱਚ ਇਲੈਕਟ੍ਰੌਨਿਕ ਵਸਤੂ ਦੇ ਸਾਹਮਣੇ ਦੇ ਬਾਰਡਰ ਦੀ ਚੌਡਾਈ, ਸਟਾਈਲ ਅਤੇ/ਜਾਂ ਰੰਗ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ。
CSS ਆਈਡੀਐਮ: CSS1

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ