border-width

簡寫屬性語法:

border-width<line-width>{1,4}

預設值看每個獨立屬性

適用於:所有元素

繼承性:無

動畫性:看每個獨立屬性

計算值:看每個獨立屬性

媒 體:視覺

分拆獨立屬性語法:

border-*-width<line-width>

border-*-width = border-top-width,border-right-width,border-bottom-width,border-left-width

預設值medium

適用於:所有元素

繼承性:無

動畫性:當取值為 <length> 時支援

計算值:絕對長度值,如果 border style 設定為nonehidden,則計算值為0

媒 體:視覺

取值:

<length>
用長度值來定義邊框的厚度。不允許負值
medium:
定義預設厚度的邊框。計算值為3px
thin:
定義比預設厚度細的邊框。計算值為1px
thick:
定義比預設厚度粗的邊框。計算值為5px

說明:

定義元素的邊框厚度。
  • border-width屬性如果提供全部四個參數值,將按上、右、下、左的順序作用於四邊;只提供一個,將用於全部的四邊;提供兩個,第一個用於上、下,第二個用於左、右;提供三個,第一個用於上,第二個用於左、右,第三個用於下。
  • 如果border-style設定為none | hiddenborder-width及其分拆獨立屬性的計算值將為0
  • 對應的腳本特性分別為:borderWidth, borderTopWidth, borderRightWidth, borderBottomWidth, borderLeftWidth

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0+ 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+

示例: