CSS-Konturverschiebung

CSS-Konturverschiebung

outline-offset Diese Eigenschaft fügt einen Abstand zwischen dem Umfang des Elements und der Kante des Rahmens hinzu. Der Raum zwischen Element und Umfang ist transparent.

Nachfolgendes Beispiel definiert einen Umfang von 25px außerhalb der Rahmenkante:

Dieser Absatz hat außerhalb der Rahmenkante einen Umfang von 25px.

Beispiel

p {
  margin: 50px;
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 25px;
}

Versuchen Sie es selbst

Nachfolgendes Beispiel zeigt, dass der Raum zwischen dem Element und seinem Umfang transparent ist:

Der Umfang dieses Absatzes außerhalb der Rahmenkante beträgt 25px.

Beispiel

p {
  margin: 30px;
  background: yellow;
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 25px;
}

Versuchen Sie es selbst

Alle CSS-Umriss-Eigenschaften

Eigenschaft Beschreibung
outline Kurzschreibweise, um outline-width, outline-style und outline-color in einer Eintragung zu setzen.
outline-color Stellen Sie die Farbe des Umrisses ein.
outline-offset Bestimmen Sie den Abstand zwischen dem Umriss und der Kante oder dem Rahmen des Elements.
outline-style Stellen Sie den Stil des Umrisses ein.
outline-width Stellen Sie die Breite des Umrisses ein.