border-top-width CSS屬性用來設置元素頂部邊框的寬度。然而,在許多情況下,像 border-width或border-top這樣的簡寫CSS屬性使用起來更方便,也更可取。
下表為此屬性的用法說明和版本歷史記錄,以及該屬性在javascript腳本中的使用語法。
默認值: | medium |
---|---|
適用于: | 所有元素 |
繼承: | 沒有 |
可動畫制作: | 是。請參考 動畫屬性。 |
版本: | CSS 1,2,3 |
JavaScript語法: | object object.style.borderTopWidth="thick" |
該屬性的語法如下:
border-top-width: thin | medium | thick | length | inherit
下面的示例演示了如何使用border-top-width屬性。
p { border-style: solid; border-top-width: 15px; }測試看看?/?
注意:您必須在border-bottom-width屬性之前聲明border-style屬性。元素必須具有邊框,然后才能設置邊框的寬度,因為該border-style屬性的默認值為none。
下表描述了此屬性的值。
值 | 描述 |
---|---|
thin | 細邊框。 |
medium | 中等邊界。 |
thick | 粗邊框。 |
長度 | 以px,pt,cm,em等為單位的長度值。不允許為負值。 |
initial | 將此屬性設置為其默認值。 |
inherit | 如果指定,則關聯(lián)元素采用其父元素border-top-width的屬性值。 |
border-top-width屬性瀏覽器的兼容性,下表中的數(shù)字表示支持該屬性的瀏覽器最低版本號;所有主流瀏覽器均支持該屬性。
![]() |
|
參見教程:CSS Border,CSS3 Border。
相關屬性:border,border-width,border-top,border-top-color,
border-top-style。