Latest web development tutorials

HTML DOM Image border 屬性

Image 對象參考手冊 Image對象

定義和用法

border 屬性可設置或者返回圖片的border 屬性值。

border 屬性指定了圖像周圍的邊框寬度。

注意:默認情況下圖片沒有邊框(除非圖片本身自帶了邊框)。

語法

imageObject.border=pixels


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要瀏覽器都支持border 屬性


實例

實例

添加圖片邊框:

<html>
<head>
<script>
function addBorder()
{
document.getElementById("compman").border="2";
}
</script>
</head>
<body>

<img id="compman" src="compman.gif" alt="Computerman">
<br><br>
<input type="button" onclick="addBorder()" value="Add border">

</body>
</html>

嘗試一下»


Image 對象參考手冊 Image對象