CSS outline-offset- Eigenschaft
Beispiel
Geben Sie einen durchgehenden roten Umriss von 4 Pixeln 15 Pixel außerhalb der Rahmenkante an:
div
{
outline: 4px solid red;
outline-offset: 15px;
}
Definition und Verwendung
Die outline-offset
Eigenschaft fügt einen Abstand zwischen dem Umriss und der Kante oder Umrandung eines Elements hinzu.
Der Raum zwischen einem Element und seinem Umriss ist transparent.
Umrisse unterscheiden sich in dreierlei Hinsicht von Umrandungen:
- Eine Umrandung ist eine Linie, die um Elemente außerhalb der Rahmenkante gezogen wird
- Eine Gliederung nimmt keinen Platz ein
- Ein Umriss kann nicht rechteckig sein
Standardwert: | 0 |
---|---|
Vererbt: | Nein |
Animierbar: | Ja, siehe einzelne Eigenschaften . Lesen Sie mehr über animierbare |
Ausführung: | CSS3 |
JavaScript-Syntax: | Objekt .style.outlineOffset="15px" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
outline-offset | 4.0 | 15.0 | 3.5 | 3.1 | 10.5 |
CSS-Syntax
outline-offset: length|initial|inherit;
Eigenschaftswerte
Value | Description |
---|---|
length | The distance the outline is outset from the border edge. Default value is 0 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Verwandte Seiten
CSS-Tutorial: CSS-Benutzeroberfläche
HTML-DOM-Referenz: Eigenschaft outlineOffset