Style borderRightStyle 属性

定义和用法

borderRightStyle 属性设置或返回元素右边框的样式。

另请参阅:

CSS 教程:CSS ਬੋਰਡਰ

CSS 参考手册:border-right-style 属性

HTML DOM 参考手册:border 属性

实例

例子 1

为 <div> 元素添加“实心”右边框:

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

ਉਦਾਹਰਣ 4

例子 2

元素右边框的样式更改为 "dotted":

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

ਉਦਾਹਰਣ 4

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

ਉਦਾਹਰਣ 2

<div> ਇਲੈਕਟਰਨ ਦੇ ਬਾਰਡਰ ਰਾਇਟ ਬਾਰਡਰ ਦੇ ਸਟਾਈਲ ਨੂੰ "dotted" ਬਦਲੋ:

ਉਦਾਹਰਣ 4

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

ਉਦਾਹਰਣ 3

ਬੋਰਡਰਰਾਇਟ ਲੈਬਲ ਬਾਹਰ ਲਿਆਉਣਾ:
alert(document.getElementById("myDiv").style.borderRightStyle);

ਉਦਾਹਰਣ 4

ਸਾਰੇ ਵੱਖ-ਵੱਖ ਮੁੱਲਾਂ ਦਾ ਪ੍ਰਦਰਸ਼ਨ:

var listValue = selectTag.options[selectTag.selectedIndex].text;

ਸਮਾਰਟਕਾਰਡdocument.getElementById("myDiv").style.borderRightStyle = listValue;

ਤੁਸੀਂ ਆਪਣੇ ਆਪ ਨਾਲ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਸਮਾਰਟਕਾਰਡਬੋਰਡਰਰਾਇਟ ਲੈਬਲ ਬਾਹਰ ਲਿਆਉਣਾ: .style.borderRightStyle
ਬੋਰਡਰਰਾਇਟ ਲੈਬਲ ਸੈਟ ਕਰੋ: object
.style.borderRightStyle = value
ਮੁੱਲ ਵਰਣਨ
none dotted
dashed ਡਾਸ਼ ਬਾਰਡਰ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ。
solid ਸਿੱਧੀ ਬਾਰਡਰ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ。
double ਦੋ ਬਾਰਡਰ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ। ਦੋ ਬਾਰਡਰ ਦੀ ਚੌੜਾਈ border-width ਦੇ ਮੁੱਲ ਨਾਲ ਮੰਗਦੀ ਹੈ。
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

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਵੈਲਿਊ: ਨਹੀਂ
ਰਿਟਰਨ ਵੈਲਿਊ: ਸਟਰਿੰਗ, ਜੋ ਕਿ ਇਲੈਕਟਰਨ ਦੇ ਰਾਇਟ ਬਾਰਡਰ ਦੇ ਸਟਾਈਲ ਨੂੰ ਪੇਸ਼ ਕਰਦੀ ਹੈ。
CSS ਆਈਸੀਐੱਸ: CSS1

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

ਚਰਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਚਰਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ