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
Selektor {
outline: Stärke Stil Farbe;
}
Die Reihenfolge der Eigenschaftswerte spielt keine Rolle.
Beispiel . Nur outline
<div id="elem"></div>
#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:
<div id="elem"></div>
#elem {
outline: 4px solid green;
border: 4px solid red;
width: 300px;
height: 100px;
}
:
Siehe auch
-
die Eigenschaft
outline-offset,
die den Versatz des Rahmens definiert
