Eigenschaft outline

Die Eigenschaft outline definiert Farbe, Stil und Stärke für den Außenrahmen (eine Grenzlinie, die keinen Platz einnimmt) für alle Seiten gleichzeitig, aber im Gegensatz zu border erweitert eine solche Grenzlinie das Element nicht. Ist eine Kurzschreibweise für outline-width, outline-style und outline-color (aber nicht für outline-offset).

Syntax

cssSelektor {
  outline: Stärke Stil Farbe;
}

Die Reihenfolge der Eigenschaftswerte spielt keine Rolle.

Beispiel . Nur outline

html<div id="elem"></div>

css#elem {
  outline: 1px solid black;
  width: 300px;
  height: 100px;
}

Результат:

Beispiel . Eigenschaften outline und border zusammen

Die Grenzlinie von outline wird außen liegen, und die Grenzlinie von border - innen:

html<div id="elem"></div>

css#elem {
  outline: 4px solid green;
  border: 4px solid red;
  width: 300px;
  height: 100px;
}

Результат:

Siehe auch