Beispiel
Fügen Sie einen Umriss um ein <div> Element:
document.getElementById("myDiv").style.outline = "thick solid #0000FF"; Versuch es selber " Definition und Verwendung
Die Kontur Eigenschaftssätze oder gibt alle Umrisse Eigenschaften, in einer Kurzform.
Mit dieser Eigenschaft können Sie einstellen / Return eine oder mehrere der folgenden (in beliebiger Reihenfolge):
- outline-width
- outline-style
- outline-color
Ein Entwurf ist eine Linie, um ein Element. Es wird um den Rand des Elements angezeigt. Allerdings unterscheidet es sich von der Grenze Eigenschaft.
Der Umriss ist nicht ein Teil der Abmessungen des Elements, also die Breite und Höhe des Elements Eigenschaften enthalten nicht die Breite des Umrisses.
Browser-Unterstützung
Der Umriss Eigenschaft wird in allen gängigen Browsern unterstützt.
Note: Die Kontur Eigenschaft wird in IE7 und früher nicht unterstützt. IE8 erfordert eine DOCTYPE!. IE9 und später unterstützen.
Syntax
Bringen Sie den Umriss Eigenschaft:
object .style.outline
Stellen Sie den Umriss Eigenschaft:
object .style.outline=" Eigenschaftswerte Parameter Beschreibung width Legt die Breite des Umrisses style Legt den Stil des Umrisses color Legt die Farbe der Kontur initial Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben
Technische Details
Standardwert: Medium keine Invertzucker Rückgabewert: Ein String, die die Umrißbreite, die Art und / oder Farbe eines Elements CSS Version CSS2
Mehr Beispiele
Beispiel
Ändern Sie die Breite, Stil und Farbe der Kontur eines <div> Element:
document.getElementById("myDiv").style.outline = "5px dotted green"; Versuch es selber "
Beispiel
Bringen Sie die Umrisse Eigenschaftswerte eines <div> Element:
alert(document.getElementById("myDiv").style.outline); Versuch es selber "
Verwandte Seiten
CSS Tutorial: CSS Überblick
CSS - Referenz: outline property
<Style - Objekt