Beispiel
Stellen Sie den Rahmen um ein <p> Element:
p
{
outline: #00FF00 dotted thick;
}
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 Kurzschrift-Eigenschaft setzt alle Umriss Eigenschaften in einer Erklärung.
Die Eigenschaften , die eingestellt werden können, sind (in order) der (in order) : outline-color, outline-style, outline-width.
Wenn eine der oben genannten Werte fehlen, zB "outline:solid #ff0000;" , Wird der Standardwert für die fehlende Eigenschaft eingefügt, falls vorhanden.
Hinweis: Der Umriss ist kein Teil der Dimensionen des Elements, deshalb ist die Breite und Höhe des Elements Eigenschaften enthalten nicht die Breite der Kontur.
| Standardwert: | invert none medium |
|---|---|
| Vererbt: | no |
| Anima: | yes, see individual properties . Read about animatable Try it |
| Version: | CSS2 |
| JavaScript-Syntax: | object .style.outline="#0000FF dotted 5px" 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 | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Note: IE8 unterstützt die Kontur Eigenschaft nur , wenn ein DOCTYPE angegeben ist!.
CSS-Syntax
outline:outline-coloroutline-styleoutline-width|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| outline-color | Gibt die Farbe der Kontur |
| outline-style | Gibt den Stil des Umrisses |
| outline-width | Gibt die Breite des Umrisses |
| 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
CSS Tutorial: CSS Überblick
HTML - DOM - Referenz: outline property