Style borderLeft ਗੁਣ

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

borderLeft ਗੁਣ ਨੂੰ ਸ਼ਾਰਟ ਫਾਰਮੈਟ ਵਿੱਚ ਸੈਟ ਕਰ ਸਕਦੇ ਹੋ ਜਾਂ ਵਾਪਸ ਕਰ ਸਕਦੇ ਹੋ ਤਿੰਨ ਅਲੱਗ ਬਾਹਰੀ ਸਿਰੇ ਦੇ ਗੁਣ

ਇਸ ਗੁਣ ਰਾਹੀਂ ਤੁਸੀਂ ਨਿਮਨਲਿਖਤ ਇਕ ਜਾਂ ਬਹੁਤ ਸਮਾਂ ਸੈਟ ਕਰ ਸਕਦੇ ਹੋ ਜਾਂ ਵਾਪਸ ਕਰ ਸਕਦੇ ਹੋ:

ਹੋਰ ਦੇਖੋ:

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

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

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

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

<div> ਇਲਾਕੇ ਨੂੰ ਬਾਹਰੀ ਸਿਰੇ ਦਾ ਬਾਹਰੀ ਸਿਰੇ ਜੋੜੋ:

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

ਖ਼ੁਦ ਨੂੰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

<div> ਇਲਾਕੇ ਦੇ ਬਾਹਰੀ ਸਿਰੇ ਦੀ ਚੌੜਾਈ, ਸਟਾਈਲ ਅਤੇ ਰੰਗ ਨੂੰ ਬਦਲੋ:

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

ਖ਼ੁਦ ਨੂੰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 3

border-left ਗੁਣ ਦਾ <div> ਇਲਾਕੇ ਦਾ ਮੁੱਲ ਵਾਪਸ ਕਰੋ:

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

ਖ਼ੁਦ ਨੂੰ ਪ੍ਰਯੋਗ ਕਰੋ

ਗਰੰਥ

borderLeft ਗੁਣ ਨੂੰ ਵਾਪਸ ਕਰੋ:

object.style.borderLeft

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

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

ਗੁਣ ਮੁੱਲ

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

ਤਕਨੀਕੀ ਵੇਰਵਾ

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

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

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