javascript border屬性


  翻譯結果:

英[ˈbɔ:də(r)]   美[ˈbɔ:rdə(r)]  

n.邊界;邊;鑲邊;包邊

vt.& vi.與…接界,在…的邊上

vt.沿…的邊,環繞…,給…鑲邊

vi.近似,毗鄰

第三人稱單數: borders 複數: borders 現在分詞: bordering 過去式: bordered 過去分詞: bordered

javascript border屬性語法

作用:設定所有邊框屬性。

語法:Object.style.border=borderWidth borderStyle borderColor

參數:borderWidth    設定邊框的寬度。 borderStyle    設定邊框的樣式。 borderColor    設定邊框的顏色。

javascript border屬性範例

<html>
<head>
<style type="text/css">
p
{ 
border: thin dotted #FF0000
}
</style>
<script type="text/javascript">
function changeBorder()
{
document.getElementById("p1").style.border="thick solid #0000FF";
}
</script>
</head>
<body>

<input type="button" onclick="changeBorder()"
value="Change border" />

<p id="p1">This is a paragraph</p>

</body>
</html>

執行實例 »

點擊 "執行實例" 按鈕查看線上實例

熱門推薦

首頁

影片

問答