javascript borderBottom屬性
翻譯結果:
border
英[ˈbɔ:də(r)] 美[ˈbɔ:rdə(r)]
#n.邊界;邊;鑲邊;包;邊
vt.& vi.與…接界,在…的邊上
vt.沿…的邊,環繞…,給…鑲邊
##vi.近似,毗鄰第三人稱單數: borders 複數: borders 現在分詞: bordering 過去式: bordered 過去分詞: bordered#bottom
n[ ˈbɒtəm] 美[ˈbɑ:təm] n.底部;末端;臀部;盡頭adj.底部的vt.裝底;測量深淺;找出真相vi.到達底部;建立基礎第三人稱單數: bottoms 複數: bottoms 現在分詞: bottoming 過去式: bottomed 過去分詞: bottomedjavascript borderBottom屬性語法
作用:為下方邊框設定所有的屬性。
語法:Object.style.borderBottom=borderWidth borderStyle borderColor
##參數:borderWidth 設定邊框的寬度。 borderStyle 設定邊框的樣式。 borderColor 設定邊框的顏色。
javascript borderBottom屬性範例
<html> <head> <style type="text/css"> p {border: thin dotted #FF0000} </style> <script type="text/javascript"> function changeBorder() { document.getElementById("p1").style.borderBottom="thick solid blue"; } </script> </head> <body> <input type="button" onclick="changeBorder()" value="Change bottom paragraph border" /> <p id="p1">This is a paragraph with a border</p> </body> </html>
執行實例 »
點擊 "執行實例" 按鈕查看線上實例