Latest web development tutorials

HTML-DOM Stil Umriss Eigenschaften

Style-Objekt Referenz Style - Objekte

Definition und Verwendung

umreißen Kurzschrift-Eigenschaft zu setzen oder alle Umriss Eigenschaften zurückzukehren.

Grammatik

Stellen Sie die Kontur Eigenschaften:

Object.style.outline="width style color|inherit"

Zurück Umriss Eigenschaften:

Object.style.outline

Tipp: Umriss Eigenschaft hat keinen Standardwert.

参数 描述
width 设置轮廓的宽度。
style 设置轮廓的样式。
color 设置轮廓的颜色。
inherit 规定轮廓属性的值,应该从父元素继承。


Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Alle gängigen Browser unterstützen die Umrisse Eigenschaft.

Hinweis: IE7 und früheren Versionen nicht den Umriss Eigenschaft unterstützen.IE8 bietet nur! DOCTYPE unterstützt Umriss Attribute. IE9 den Umriss Eigenschaft unterstützen.


Tipps und Hinweise

Konturlinien um die umgebenden Elemente. Es ist der Abstand um die Außenseite des Anzeigeelements. 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

Rund ein div-Element die Breite Umriss ändern, Stil und Farbe:

<!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.outline="thick solid #0000FF";
}
</script>
</head>
<body>

<div id="ex1">这是一些文本。</div>
<br>
<button type="button" onclick="displayResult()">修改外边框</button>
<p><b>注意:</b> IE8 支持outline属性必须制定一个!DOCTYPE </p>

</body>
</html>

Versuchen »


Style-Objekt Referenz Style - Objekte