CSS outline-offset Eigenschaft

Definition und Verwendung

Die outline-offset-Eigenschaft verschiebt die Kontur und zeichnet sie an der Kantenkante.

Die Kontur unterscheidet sich in zwei Aspekten von der Kante:

  • Die Kontur nimmt keinen Raum ein
  • Die Kontur kann nicht rechteckig sein

Siehe auch:

CSS-Tutorial:CSS Benutzeroberfläche

HTML DOM Referenzhandbuch:outlineOffset-Eigenschaft

Beispiel

Definiert die Kontur 15 Pixel außerhalb der Kanten des Rahmens:

div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}

Versuchen Sie es selbst

CSS-Syntax

outline-offset: length|inherit;

Eigenschaftswert

Wert Beschreibung
length Abstand zur Kontur von der Kante des Rahmens.
inherit Die outline-offset-Eigenschaft sollte von der übergeordneten Elemente geerbt werden.

Technische Details

Standardwert: 0
Vererbbarkeit: nein
Version: CSS3
JavaScript-Syntax: object.style.outlineOffset="15px"

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die diese Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
4.0 15.0 3.5 3.1 10.5