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

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

borderBottomStyle ਪ੍ਰਤੀਯੋਗਿਤਾ ਸੈਟ ਜਾਂ ਵਾਪਸ ਐਲੀਮੈਂਟ ਦੇ ਨਿਚਲੇ ਬੋਰਡਰ ਦੀ ਸਟਾਈਲ ਦੇਣ ਲਈ।

ਹੋਰ ਸੰਦਰਭ:

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

CSS ਪੁਸਤਕਾਲ:border-bottom-style ਪ੍ਰਤੀਯੋਗਿਤਾ

HTML DOM ਪੁਸਤਕਾਲ:ਬੋਰਡਰ ਪ੍ਰਤੀਯੋਗਿਤਾ

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਜੀਐੱਮਐੱਲ <div> ਐਲੀਮੈਂਟ ਨੂੰ ਸਮੁੱਚੀ ਨਿਚਲੇ ਬੋਰਡਰ ਜੋੜੋ:

document.getElementById("myDiv").style.borderBottomStyle = "solid";

亲自试一试

ਉਦਾਹਰਣ 2

ਜੀਐੱਮਐੱਲ <div> ਐਲੀਮੈਂਟ ਦੇ ਨਿਚਲੇ ਬੋਰਡਰ ਦੀ ਸਟਾਈਲ ਨੂੰ "dotted" ਬਣਾਓ:

document.getElementById("myDiv").style.borderBottomStyle = "dotted";

亲自试一试

例子 3

返回

元素的下边框样式：

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

亲自试一试

例子 4

对所有不同值的演示：

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;

亲自试一试

语法

返回 borderBottomStyle 属性：

object.style.borderBottomStyle

设置 borderBottomStyle 属性：

object.style.borderBottomStyle = value

属性值

值 描述
none 定义无边框。默认。
hidden 与 "none" 相同，但在解决表格元素的边框冲突中除外。
dotted ਨਾਨ-ਸਰੀਸ਼ਟ ਬਾਹਰੀ ਕਿਨਾਰੇ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ।
dashed ਨਾਨ-ਸਰੀਸ਼ਟ ਬਾਹਰੀ ਕਿਨਾਰੇ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ।
solid ਸਰੀਸ਼ਟ ਬਾਹਰੀ ਕਿਨਾਰੇ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ।
double ਦੋ ਬਾਹਰੀ ਕਿਨਾਰੇ ਦਿੱਤੇ ਗਏ ਹਨ।ਦੋ ਬਾਹਰੀ ਕਿਨਾਰਾਂ ਦੀ ਚੌੜਾਈ ਬਾਹਰੀ ਕਿਨਾਰੇ ਦੇ ਮੁੱਲ ਨਾਲ ਬਰਾਬਰ ਹੈ।
groove 3D groove ਬਾਹਰੀ ਕਿਨਾਰੇ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ।ਪ੍ਰਭਾਵ 3D groove ਬਾਹਰੀ ਕਿਨਾਰੇ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ。 border-color ਮੁੱਲ ਹਨ।
ridge 3D ridge ਬਾਹਰੀ ਕਿਨਾਰੇ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ।ਪ੍ਰਭਾਵ 3D ridge ਬਾਹਰੀ ਕਿਨਾਰੇ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ。 border-color ਮੁੱਲ ਹਨ।
inset 3D inset ਬਾਹਰੀ ਕਿਨਾਰੇ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ।ਪ੍ਰਭਾਵ 3D inset ਬਾਹਰੀ ਕਿਨਾਰੇ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ。 border-color ਮੁੱਲ ਹਨ।
outset 3D outset ਬਾਹਰੀ ਕਿਨਾਰੇ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ।ਪ੍ਰਭਾਵ 3D outset ਬਾਹਰੀ ਕਿਨਾਰੇ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ。 border-color ਮੁੱਲ ਹਨ।
initial ਇਸ ਗੁਣ ਨੂੰ ਇਸ ਦੇ ਮੂਲ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ।ਦੇਖੋ: initial.
inherit ਇਸ ਗੁਣ ਨੂੰ ਆਪਣੇ ਮਾਤਾ ਇਲੈਕਟ੍ਰੌਨ ਤੋਂ ਵਾਲੀ ਗੁਣ ਤੋਂ ਲੈ ਕੇ ਅਪਣਾਉਂਦਾ ਹੈ।ਦੇਖੋ: inherit.

ਤਕਨੀਕੀ ਵੇਰਵੇ

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

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2

ਟਿੱਪਣੀਆਂ:IE7 ਅਤੇ ਇਸ ਤੋਂ ਪਹਿਲਾਂ ਦੀਆਂ ਸੰਸਕਰਣਾਂ ਵਿੱਚ ਮੁੱਲ "hidden" ਸਮਰੱਥ ਨਹੀਂ ਹਨ।IE9 ਅਤੇ ਇਸ ਤੋਂ ਵੱਧ ਦੀਆਂ ਸੰਸਕਰਣਾਂ ਵਿੱਚ "hidden" ਸਮਰੱਥ ਹੈ।