HTML-DOM Stil outlineStyle Eigenschaft
Definition und Verwendung
outlineStyle Eigenschaft Setzt oder sendet das Element rund um den Umriss-Stil.
Grammatik
Einstellen outlineStyle Eigenschaften:
Object.style.outlineStyle="value"
Zurück outlineStyle Eigenschaften:
Object.style.outlineStyle
值 | 描述 |
---|---|
none | 默认。定义无轮廓。 |
hidden | 轮廓是关闭的。 |
dotted | 定义点状轮廓。 |
dashed | 定义虚线轮廓。 |
solid | 定义实线轮廓。 |
double | 定义双线轮廓。 |
groove | 定义 3D 凹槽轮廓。此效果取决于 outline-color 值。 |
ridge | 定义 3D 垄状轮廓。其效果取决于 border-color 的值。 |
inset | 定义 3D inset 轮廓。其效果取决于 border-color 的值。 |
outset | 定义 3D outset 轮廓。其效果取决于 border-color 的值。 |
inherit | 轮廓的样式从父元素继承。 |
Browser-Unterstützung
Alle gängigen Browser unterstützen outlineStyle Eigenschaft.
Hinweis: IE7 und frühere Versionen unterstützen keine outlineStyle Eigenschaft.IE8 bietet nur! DOCTYPE outlineStyle Eigenschaft unterstützt. IE9 outlineStyle Eigenschaft unterstützen.
Tipps und Hinweise
Konturlinien um die umgebenden Elemente. Es wird in den Rand der umgebenden Elemente angezeigt. Allerdings unterscheidet es sich von der Grenze Eigenschaft.
Teil des Profils ist nicht Elementgröße, und damit die Breite und Höhe Attribute des Elements nicht die Breite des Profils enthält.
Beispiele
Beispiele
Ändern Sie die Art der Gliederung:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<style type="text/css">
#ex1{
border:1px solid red;
outline:green dotted thick;
}
</style>
<script>
function displayResult(){
document.getElementById("ex1").style.outlineStyle="solid";
}
</script>
</head>
<body>
<div id="ex1">这是一些文本。</div>
<br>
<button type="button" onclick="displayResult()">修改外边框style</button>
<p><b>注意:</b> IE8 支持outline属性必须指定一个!DOCTYPE </p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<style type="text/css">
#ex1{
border:1px solid red;
outline:green dotted thick;
}
</style>
<script>
function displayResult(){
document.getElementById("ex1").style.outlineStyle="solid";
}
</script>
</head>
<body>
<div id="ex1">这是一些文本。</div>
<br>
<button type="button" onclick="displayResult()">修改外边框style</button>
<p><b>注意:</b> IE8 支持outline属性必须指定一个!DOCTYPE </p>
</body>
</html>
Versuchen »
Style - Objekte