Style borderWidth 屬性

定義和用法

borderWidth 屬性設置或返回元素邊框的寬度。

此屬性可以采用一到四個值：

  • 一個值，例如：p {border-width: thick} - 所有四個邊框都是粗
  • 兩個值，例如：p {border-width: thick thin} - 上下邊框粗，左右邊框細
  • 三個值，例如：p {border-width: thick thin medium} - 上邊框粗，左右邊框細，下邊框中等
  • 四個值，例如：p {border-width: thick thin medium 10px} - 上邊框粗，右邊框細，下邊框中等，左邊框 10px

另請參閱：

CSS 教程：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

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持