Atribut Style borderWidth

Definisi dan penggunaan

borderWidth Atribut ini mengatur atau mengembalikan lebar garisan pinggir elemen.

Atribut ini dapat menggunakan satu hingga empat nilai:

  • Satu nilai, contohnya: p {border-width: tebal} - Semua empat garisan pinggir adalah tebal
  • 两个值，例如：p {border-width: thick thin} - 上下边框粗，左右边框细
  • 三个值，例如：p {border-width: thick thin medium} - 上边框粗，左右边框细，下边框中等
  • 四个值，例如：p {border-width: thick thin medium 10px} - 上边框粗，右边框细，下边框中等，左边框 10px

另请参阅：

CSS 教程：Kotak pinggir CSS

CSS 参考手册：border-width 属性

HTML DOM 参考手册：border 属性

实例

例子 1

更改 <div> 元素的四个边框的宽度：

document.getElementById("myDiv").style.borderWidth = "thick";

亲自试一试

例子 2

将 <div> 元素的上下边框宽度更改为粗，左右边框更改为细：

document.getElementById("myDiv").style.borderWidth = "thick thin";

亲自试一试

例子 3

使用长度值更改 <div> 元素的四个边框的宽度：

document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";

亲自试一试

例子 4

返回 <div> 元素的边框宽度：

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

亲自试一试

语法

返回 borderWidth 属性：

object.style.borderWidth

设置 borderWidth 属性：

object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
值 描述
thin 定义细边框。
medium 定义中等边框。默认。
thick 定义粗边框。
length 以长度计的边框宽度。
initial 将此属性设置为其默认值。请参阅 initial。
inherit 从其父元素继承此属性。请参阅 inherit。

技术细节

默认值： medium
返回值： 字符串，表示元素边框的宽度。
CSS 版本： CSS1

Dukungan pereka pengguna

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan