Style borderTopStyle Atribute

Definition at Gagamit

borderTopStyle Mag-set o magbaka ng estilo ng border ng elemento.

Mga ibang Babasahin:

CSS Tutorial:CSS Border

CSS Reference Manual:Border-top-style Atribute

HTML DOM Reference Manual:Border Atribute

Mga Halimbawa

Halimbawa 1

Magdagdag ng tunay na border sa itaas ng <div> elemento:

document.getElementById("myDiv").style.borderTopStyle = "solid";

親自試試

例子 2

將 <div> 元素的上邊框樣式更改为 "dotted"：

document.getElementById("myDiv").style.borderTopStyle = "dotted";

親自試試

例子 3

返回 <div> 元素的上邊框樣式：

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

親自試試

例子 4

對所有不同值的演示：

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderTopStyle = listValue;

親自試試

語法

返回 borderTopStyle 屬性：

object.style.borderTopStyle

設置 borderTopStyle 屬性：

object.style.borderTopStyle = value|initial|inherit
值 描述
none 定義無邊框。默認。
hidden 與 "none" 相同，但在解決表格元素的邊框衝突中除外。
dotted 定義點狀邊框。
dashed 定義虛線邊框。
solid 定義實心邊框。
double 定義兩個邊界。兩個邊框的寬度與 border-width 的值相同。
groove 定義 3D 凹槽邊框。效果取決於 border-color 的值。
ridge 定義 3D 脊狀邊界。效果取決於 border-color 的值。
inset 定義 3D inset 邊框。效果取決於 border-color 的值。
outset 定義 3D outset 邊框。效果取決於 border-color 的值。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： none
返回值： 字符串，表示元素上邊框的樣式。
CSS 版本： CSS1

瀏覽器支持

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