CSS outline-width- Eigenschaft
Beispiel
Legen Sie die Breite einer Kontur fest:
div {outline-width: thick;}
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Ein Umriss ist eine Linie, die um Elemente außerhalb der Grenzen gezogen wird, um das Element „hervorzuheben“.
Das outline-width
gibt die Breite einer Kontur an.
Hinweis: Deklarieren Sie die Eigenschaft outline-style immer vor der
outline-width
Eigenschaft. Ein Element muss einen Umriss haben, bevor Sie seine Breite ändern.
Standardwert: | Mittel |
---|---|
Vererbt: | Nein |
Animierbar: | Ja, siehe einzelne Eigenschaften . Lesen Sie mehr über animierbare |
Ausführung: | CSS2 |
JavaScript-Syntax: | Objekt .style.outlineWidth="12px" |
Tipps und Hinweise
Hinweis: Umrisse unterscheiden sich von Rändern ! Im Gegensatz zum Rahmen wird der Umriss außerhalb des Rahmens des Elements gezeichnet und kann anderen Inhalt überlappen. Außerdem ist der Umriss NICHT Teil der Abmessungen des Elements; Die Gesamtbreite und -höhe des Elements wird durch die Breite der Kontur nicht beeinflusst.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
outline-width | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
CSS-Syntax
outline-width: medium|thin|thick|length|initial|inherit;
Eigenschaftswerte
Value | Description | Play it |
---|---|---|
medium | Specifies a medium outline. This is default | |
thin | Specifies a thin outline | |
thick | Specifies a thick outline | |
length | Allows you to define the thickness of the outline. Read about length units | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Mehr Beispiele
Beispiel
Stellen Sie die Breite des Umrisses auf mittel ein (dies ist die Standardeinstellung):
div {outline-width: medium;}
Beispiel
Stellen Sie die Breite des Umrisses auf dünn ein:
div {outline-width: thin;}
Beispiel
Stellen Sie die Breite des Umrisses auf 1 Pixel ein:
div {outline-width: 1px;}
Beispiel
Stellen Sie die Breite des Umrisses auf 15 Pixel ein:
div {outline-width: 15px;}
Verwandte Seiten
CSS-Tutorial: CSS-Gliederung
CSS-Referenz: Umrisseigenschaft
HTML-DOM-Referenz: Eigenschaft outlineWidth