Beispiel
Geben Sie einen Umriss außerhalb der Randkante 15px:
div
{
border: 2px solid black;
outline: 2px solid red;
outline-offset: 15px;
}
Versuch es selber " Definition und Verwendung
Der Umriss-Offset-Eigenschaft fügt Raum zwischen einem Umriss und dem Rand oder Rand eines Elements.
Outlines unterscheiden sich von Grenzen auf zwei Arten:
- Ein Entwurf ist eine Linie um Elemente gezogen, außerhalb der Randkante
- Ein Umriss nehmen nicht Raum
- Eine Gliederung kann nicht rechteckigen
| Standardwert: | 0 |
|---|---|
| Vererbt: | no |
| Anima: | yes, see individual properties . Read about animatable Try it |
| Version: | CSS3 |
| JavaScript-Syntax: | object .style.outlineOffset="15px" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| outline-offset | 4.0 | Nicht unterstützt | 3.5 | 3.1 | 10.5 |
CSS-Syntax
outline-offset:length|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| length | Der Abstand der Umriss ist Anfang an von der Randkante. Der Standardwert ist 0 |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Verwandte Seiten
CSS3 Tutorial: CSS3 User Interface
HTML - DOM - Referenz: outlineOffset property