Style borderRightStyle 属性
- ਪਿੱਛਲਾ ਪੰਨਾ borderRightColor
- ਅਗਲਾ ਪੰਨਾ borderRightWidth
- ਪਿੱਛੇ ਵਾਪਸ ਜਾਓ ایچ تی ام ال دوم استائل اوبجیکٹ
定义和用法
borderRightStyle
属性设置或返回元素右边框的样式。
另请参阅:
CSS 教程:CSS ਬੋਰਡਰ
CSS 参考手册:border-right-style 属性
HTML DOM 参考手册:border 属性
实例
例子 1
为 <div> 元素添加“实心”右边框:
document.getElementById("myDiv").style.borderRightStyle = "solid";
例子 2
将
元素右边框的样式更改为 "dotted":
document.getElementById("myDiv").style.borderRightStyle = "dotted";
document.getElementById("myDiv").style.borderRightStyle = "solid";
ਉਦਾਹਰਣ 2
<div> ਇਲੈਕਟਰਨ ਦੇ ਬਾਰਡਰ ਰਾਇਟ ਬਾਰਡਰ ਦੇ ਸਟਾਈਲ ਨੂੰ "dotted" ਬਦਲੋ:
document.getElementById("myDiv").style.borderRightStyle = "dotted";
ਉਦਾਹਰਣ 3
ਬੋਰਡਰਰਾਇਟ ਲੈਬਲ ਬਾਹਰ ਲਿਆਉਣਾ: alert(document.getElementById("myDiv").style.borderRightStyle);
ਸਾਰੇ ਵੱਖ-ਵੱਖ ਮੁੱਲਾਂ ਦਾ ਪ੍ਰਦਰਸ਼ਨ:
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 |
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਚਰਮ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
---|---|---|---|---|
ਚਰਮ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ |
- ਪਿੱਛਲਾ ਪੰਨਾ borderRightColor
- ਅਗਲਾ ਪੰਨਾ borderRightWidth
- ਪਿੱਛੇ ਵਾਪਸ ਜਾਓ ایچ تی ام ال دوم استائل اوبجیکٹ