Style borderBottom ਪ੍ਰਤੀਯੋਗਿਤਾ

ਡਿਫਾਇਨੀਸ਼ਨ ਅਤੇ ਵਰਤੋਂ

borderBottom ਗੁਣ ਸ਼ਾਬਦਿਕ ਰੂਪ 'ਚ ਸੈਟ ਕਰਨ ਅਤੇ ਵਾਪਸ ਕਰਨ ਲਈ ਸਭ ਤੋਂ ਵੱਧ ਤਿੰਨ ਵੱਖਰੇ borderBottom ਗੁਣਾਂ ਨੂੰ ਸੈਟ ਕਰ ਸਕਦੇ ਹੋ।

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

ਹੋਰ ਦੇਖੋ:

CSS ਟੂਰCSS ਬਾਰਡਰ

CSS ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ:border-bottom ਗੁਣ

HTML DOM ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ:border ਗੁਣ

ਇੰਸਟੈਂਸ

ਉਦਾਹਰਣ 1

<div> ਐਲੀਮੈਂਟ ਨੂੰ ਹੇਠਵਾਲੀ ਬਾਰੀ ਜੋੜੋ:

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

ਆਪਣੇ ਆਪ ਦੋਸ਼ਤ ਕਰੋ

ਉਦਾਹਰਣ 2

<div> ਐਲੀਮੈਂਟ ਦੀ ਹੇਠਵਾਲੀ ਬਾਰੀ ਦੀ ਚੌਡਾਈ, ਸਟਾਈਲ ਅਤੇ ਰੰਗ ਨੂੰ ਬਦਲੋ:

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

ਆਪਣੇ ਆਪ ਦੋਸ਼ਤ ਕਰੋ

ਉਦਾਹਰਣ 3

border-bottom ਗੁਣ ਦਾ <div> ਐਲੀਮੈਂਟ ਦਾ ਮੁੱਲ ਵਾਪਸ ਕਰੋ:

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

ਆਪਣੇ ਆਪ ਦੋਸ਼ਤ ਕਰੋ

ਸ਼ਾਬਦਿਕ ਰੂਪ

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

object.style.borderBottom

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

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

ਗੁਣ ਮੁੱਲ

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

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਮੁੱਲ: not specified
ਵਾਪਸੀ ਮੁੱਲ: ਇੱਕ ਸਟਰਿੰਗ ਹੈ ਜੋ ਅਣਗਿਣਤ ਤੌਰ 'ਤੇ ਐਲੀਮੈਂਟ ਦੀ ਹੇਠਵਾਲੀ ਬਾਰੀ ਦੀ ਚੌਡਾਈ, ਸਟਾਈਲ ਅਤੇ/ਜਾਂ ਰੰਗ ਨੂੰ ਪੇਸ਼ ਕਰਦੀ ਹੈ。
CSS ਵਰਜਨ: CSS1

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

ਇਸ ਗੁਣ ਦੀ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਖਿਆ ਪੇਸ਼ ਕੀਤੀ ਗਈ ਹੈ。

ਚਰਮੋਇਲ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਚਰਮੋਇਲ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
1.0 4.0 1.0 1.0 3.5