HTML DOM outline 屬性
定義和用法
outline 屬性在一個(gè)聲明中設(shè)置所有輪廓屬性。
語(yǔ)法：
Object.style.outline = outlineWidth outlineStyle outlineColor
可能的值
| 值 | 描述 | 值 |
|---|---|---|
| outlineWidth | 設(shè)置輪廓的寬度。 |
|
| outlineStyle | 設(shè)置輪廓的樣式。 |
|
| outlineColor | 設(shè)置輪廓的顏色。 |
|
實(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>