最新的Web開發教程
 

Style borderWidth Property

<Style對象

例

改變的四個邊框的寬度<div>元素：

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

定義和用法

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

該屬性可以從一到四個值：

  • 一個值，如：p {邊框寬度：厚} - 所有四個邊框將厚
  • 二值化，像：P {邊框寬度：厚薄} - 頂部和底部邊界將是厚，左和右邊界將薄
  • 三個值，如：P {邊框寬度：厚薄介質} - 上邊框定厚，左和右邊界將是薄的，下邊框是介質
  • 四個值，如：P {邊框寬度：厚薄介質10px的} - 上邊框定厚，右邊界將是薄的，下邊框是介質，左邊框將10px的

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

BorderWidth屬性所有主流瀏覽器的支持。

句法

返回BorderWidth屬性：

object .style.borderWidth

設置BorderWidth屬性：

object .style.borderWidth="thin|medium|thick| 屬性值
值 描述
thin 定義細邊框
medium 定義中的邊界。 這是默認
thick 定義一個粗框
length 邊界的長度單位寬度
initial 將此屬性設置為默認值。 閱讀關於初始
inherit 繼承其父元素此屬性。 閱讀關於繼承

技術細節

默認值： 中
返回值： 一個字符串，表示元素的邊界的寬度
CSS版本 CSS1

更多示例

例

改變頂部和底部邊界，以厚的寬度，和左和右邊界，以一個薄的<div>元素：

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

例

改變的四個邊框的寬度<div>元素，使用所述長度值：

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

例

返回的邊界的寬度<div>元素：

alert(document.getElementById("myDiv").style.borderWidth);
試一試»

相關頁面

CSS教程： CSS邊框

CSS參考： border-width property

HTML DOM參考： border property

<Style對象