Vlastnost šířky obrysu CSS
Příklad
Nastavte šířku obrysu:
div {outline-width: thick;}
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Obrys je čára, která je nakreslena kolem prvků mimo okraje, aby prvek „vynikl“.
outline-width
Určuje šířku obrysu .
Poznámka: Vlastnost stylu obrysu vždy deklarujte před
outline-width
vlastností. Prvek musí mít obrys, než změníte jeho šířku.
Výchozí hodnota: | střední |
---|---|
Zděděno: | Ne |
Animovatelné: | ano, viz jednotlivé vlastnosti . Přečtěte si o tématu Animable |
Verze: | CSS2 |
Syntaxe JavaScriptu: | objekt .style.outlineWidth="12px" |
Tipy a poznámky
Poznámka: Obrysy se liší od ohraničení ! Na rozdíl od ohraničení je obrys nakreslen mimo ohraničení prvku a může překrývat jiný obsah. Také obrys NENÍ součástí rozměrů prvku; celková šířka a výška prvku není ovlivněna šířkou obrysu.
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
outline-width | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Syntaxe CSS
outline-width: medium|thin|thick|length|initial|inherit;
Hodnoty vlastností
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 |
Další příklady
Příklad
Nastavte šířku obrysu na střední (toto je výchozí):
div {outline-width: medium;}
Příklad
Nastavte šířku obrysu na tenký:
div {outline-width: thin;}
Příklad
Nastavte šířku obrysu na 1 pixel:
div {outline-width: 1px;}
Příklad
Nastavte šířku obrysu na 15 pixelů:
div {outline-width: 15px;}
Související stránky
CSS tutoriál: CSS Outline
CSS reference: vlastnost obrysu
HTML DOM reference: vlastnost outlineWidth