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

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

borderStyle ਪ੍ਰਤੀਯੋਗਿਤਾ ਪੁਰਾ ਕਰਦੀ ਹੈ ਜਾਂ ਪਿੱਛੇ ਕਰਦੀ ਹੈ ਕਿ ਜਿਸ ਪ੍ਰਤੀਯੋਗਿਤੇ ਦਾ ਕਿਨਾਰਾ ਹੈ

ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਇੱਕ ਤੋਂ ਚਾਰ ਮੁੱਲ ਨੂੰ ਸਵੀਕਾਰ ਕਰ ਸਕਦੀ ਹੈ:

  • ਇੱਕ ਮੁੱਲ ਅਜਿਹਾ ਹੈ: p {border-style: solid} - ਸਾਰੇ ਚਾਰ ਕਿਨਾਰੇ ਮੁੱਢਲੇ ਹਨ
  • ਦੋ ਮੁੱਲ ਅਜਿਹੇ ਹਨ: p {border-style: solid dotted} - ਉੱਪਰ ਅਤੇ ਨੀਚੇ ਕਿਨਾਰਾ ਮੁੱਢਲੇ, ਲੇਵਾ ਕਿਨਾਰਾ ਪਲਾਸਟਿਕ
  • ਤਿੰਨ ਮੁੱਲ ਅਜਿਹੇ ਹਨ: p {border-style: solid dotted double} - ਉੱਪਰ ਕਿਨਾਰਾ ਮੁੱਢਲਾ, ਲੇਵਾ ਕਿਨਾਰਾ ਬਿੰਦੂ ਪਲਾਸਟਿਕ, ਨੀਚੇ ਕਿਨਾਰਾ ਦੁਵਾਰਾ
  • ਚਾਰ ਮੁੱਲ ਅਜਿਹੇ ਹਨ: p {border-style: solid dotted double dashed} - ਉੱਪਰ ਕਿਨਾਰਾ ਮੁੱਢਲਾ, ਪੱਛਮ ਕਿਨਾਰਾ ਪਲਾਸਟਿਕ, ਨੀਚੇ ਕਿਨਾਰਾ ਦੁਵਾਰਾ, ਪੱਛਮ ਕਿਨਾਰਾ ਪਲਾਸਟਿਕ

ਹੋਰ ਵੇਖੋ:

CSS ਸਿੱਖਿਆ:CSS پیراگرف

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

HTML DOM ਪੁਸਤਕਾਤਮਕ:border 属性

实例

例子 1

为 <div> 元素添加实心边框：

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

亲自试一试

例子 2

更改 <div> 元素的四个边框的样式：

document.getElementById("myDiv").style.borderStyle = "dotted solid double dashed";

亲自试一试

例子 3

返回 <div> 元素的边框样式：

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

亲自试一试

例子 4

对所有不同值的演示：

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

亲自试一试

语法

返回 borderStyle 属性：

object.style.borderStyle

设置 borderStyle 属性：

object.style.borderStyle = value
值 描述
none 定义无边框。默认。
hidden 与 "none" 相同，但在解决表格元素的边框冲突中除外。
dotted 定义点状边框。
dashed 定义虚线边框。
solid 定义实心边框。
double 定义两个边界。两个边框的宽度与 border-width 的值相同。
groove 定义 3D 凹槽边框。效果取决于 border-color 的值。
ridge 定义 3D 脊状边界。效果取决于 border-color 的值。
inset 定义 3D inset 边框。效果取决于 border-color 的值。
outset 定义 3D outset 边框。效果取决于border-color的值。
initial 将此属性设置为其默认值。请参阅 initial。
inherit 从其父元素继承此属性。请参阅 inherit。

技术细节

默认值： 无
返回值： 字符串，表示元素边框的样式。
CSS 版本： CSS1

浏览器支持

Chrome Edge Firefox سافری آپریا
Chrome Edge Firefox سافری آپریا
پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی