HTML DOM outline 屬性
定義和用法
outline 屬性在一個聲明中設(shè)置所有輪廓屬性。
語法:
Object.style.outline = outlineWidth outlineStyle outlineColor
可能的值
值 | 描述 | 值 |
---|---|---|
outlineWidth | 設(shè)置輪廓的寬度。 |
|
outlineStyle | 設(shè)置輪廓的樣式。 |
|
outlineColor | 設(shè)置輪廓的顏色。 |
|
實例
下面的例子改變段落周圍的輪廓:
<html>
<head>
<style type="text/css">
p
{
border: thin solid #00FF00;
outline: thick solid #FF0000;
}
</style>
<script type="text/javascript">
function changeOutline()
{
document.getElementById("p1").style.outline="thin dotted #0000FF";
}
</script>
</head>
<body>
<input type="button" onclick="changeOutline()"
value="Change outline" />
<p id="p1">This is a paragraph</p>
</body>
</html>
TIY
- outline - 改變元素周圍的輪廓(請在非 IE 瀏覽器中瀏覽)