outline-Style-Attribut

Definition und Verwendung

outline Attribute in der Kurzform setzen oder alle Konturattribute zurückgeben.

Mit diesem Attribut können Sie das folgende eine oder mehrere (in beliebiger Reihenfolge) setzen/zurückgeben:

Die Kontur ist eine Linie um das Element. Sie wird um den Abstand des Elements angezeigt. Allerdings unterscheidet sie sich von border-Attribut verschieden.

Die Kontur ist nicht Teil der Elementgröße, daher enthält die Breite und Höhe des Elements keine Konturbreite.

Weitere Informationen:

CSS-Tutorial:CSS-Kontur

CSS-Referenzhandbuch:outline-Attribut

Beispiel

Beispiel 1

Fügen Sie eine Kontur um das <div>-Element hinzu:

document.getElementById("myDiv").style.outline = "dick solide #0000FF";

Selbst ausprobieren

Beispiel 2

Weisen Sie die Breite, den Stil und die Farbe der Kontur des <div>-Elements zu:

document.getElementById("myDiv").style.outline = "5px dotted green";

Selbst ausprobieren

Beispiel 3

Rückgabe des outline-Attributs des <div>-Elements:

alert(document.getElementById("myDiv").style.outline);

Selbst ausprobieren

Syntax

outline-Attribut zurückgeben:

object.style.outline

outline-Attribut setzen:

object.style.outline = "width style color|initial|inherit"

Attributwert

Wert Beschreibung
width Konturbreite setzen.
style Konturstil setzen.
color Konturfarbe setzen.
initial Dieses Attribut auf seinen Standardwert setzen. Siehe initial.
inherit Dieses Attribut von seinem übergeordneten Element erben. Siehe inherit.

Technische Details

Standardwert: mittel, keine invertieren
Rückgabewert: Zeichenkette, die die Konturbreite, den Stil und/oder die Farbe des Elements angibt.
CSS-Version: CSS2

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung