Vlastnost šířky obrysu stylu
Příklad
Změňte šířku obrysu prvku <div>:
document.getElementById("myDiv").style.outlineWidth = "10px";
Definice a použití
Vlastnost outlineWidth nastavuje nebo vrací šířku obrysu kolem prvku.
Obrys je čára kolem prvku. Zobrazuje se kolem okraje prvku. Od hraničního majetku se však liší.
Obrys není součástí rozměrů prvku, proto vlastnosti šířka a výška prvku neobsahují šířku obrysu.
Podpora prohlížeče
Property | |||||
---|---|---|---|---|---|
outlineWidth | Yes | Yes | Yes | Yes | Yes |
Syntax
Vraťte vlastnost outlineWidth:
object.style.outlineWidth
Nastavte vlastnost outlineWidth:
object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"
Hodnoty vlastností
Value | Description |
---|---|
thin | Defines a thin outline |
medium | Defines a medium outline. This is default |
thick | Defines a thick outline |
length | The width of the outline in length units |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technické údaje
Výchozí hodnota: | střední |
---|---|
Návratová hodnota: | Řetězec představující šířku obrysu prvku |
Verze CSS | CSS2 |
Další příklady
Příklad
Změňte šířku obrysu prvku <div> pomocí hodnoty „thick“:
document.getElementById("myDiv").style.outlineWidth = "thick";
Příklad
Vrátí šířku obrysu prvku <div>:
alert(document.getElementById("myDiv").style.outlineWidth);
Související stránky
CSS tutoriál: CSS Outline
CSS reference: vlastnost obrysu
HTML DOM reference: vlastnost obrysu
❮ Objekt stylu