Beispiel
Legen Sie die Breite einer Kontur:
p
{
outline-style: dotted;
outline-width: 5px;
}
Versuch es selber " Definition und Verwendung
Ein Entwurf ist eine Linie, die sich um Elemente gezogen wird (outside the borders) das Element zu machen "stand out" .
Der Umriss-Breite gibt die Breite eines Umrisses.
Note: Immer erklären den Umriss-Stil vor dem outline-width - Eigenschaft. Ein Element muss eine Kontur haben, bevor Sie die Breite ändern.
| Standardwert: | medium |
|---|---|
| Vererbt: | no |
| Anima: | yes, see individual properties . Read about animatable Try it |
| Version: | CSS2 |
| JavaScript-Syntax: | object .style.outlineWidth="2px" Try it |
Tipps und Hinweise
Ein Entwurf ist eine Linie, um ein Element. Es wird um den Rand des Elements angezeigt. Allerdings unterscheidet es sich von der Grenze Eigenschaft.
Der Umriss ist kein Teil der Dimensionen des Elements, also die Breite und Höhe des Elements Eigenschaften enthalten nicht die Breite der Kontur.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| outline-width | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Note: IE8 unterstützt die outline-width - Eigenschaft nur , wenn ein DOCTYPE angegeben ist!.
CSS-Syntax
outline-width: medium|thin|thick|length|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| medium | Gibt eine mittlere Kontur. Dies ist die Standardeinstellung | Spiel es " |
| thin | Gibt einen dünnen Umriss | Spiel es " |
| thick | Gibt einen dicken Umriss | Spiel es " |
| length | Hier können Sie die Dicke der Konturen zu definieren | Spiel es " |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs | Spiel es " |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Verwandte Seiten
CSS Tutorial: CSS Überblick
CSS - Referenz: outline property
HTML - DOM - Referenz: outlineWidth property