Vlastnost obrysu stylu
Příklad
Přidejte obrys kolem prvku <div>:
document.getElementById("myDiv").style.outline = "thick solid #0000FF";
Definice a použití
Vlastnost osnovy nastavuje nebo vrací všechny vlastnosti osnovy ve zkrácené podobě.
Pomocí této vlastnosti můžete nastavit/vrátit jedno nebo více z následujících (v libovolném pořadí):
- obrys-šířka
- obrysový styl
- obrys-barva
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 | |||||
---|---|---|---|---|---|
outline | Yes | Yes | Yes | Yes | Yes |
Syntax
Vraťte vlastnost obrysu:
object.style.outline
Nastavte vlastnost obrysu:
object.style.outline = "width style color|initial|inherit"
Hodnoty vlastností
Parameter | Description |
---|---|
width | Sets the width of the outline |
style | Sets the style of the outline |
color | Sets the color of the outline |
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í žádná inverzní |
---|---|
Návratová hodnota: | Řetězec představující šířku obrysu, styl a/nebo barvu prvku |
Verze CSS | CSS2 |
Další příklady
Příklad
Změňte šířku, styl a barvu obrysu prvku <div>:
document.getElementById("myDiv").style.outline = "5px dotted green";
Příklad
Vraťte hodnoty vlastností obrysu prvku <div>:
alert(document.getElementById("myDiv").style.outline);
Související stránky
CSS tutoriál: CSS Outline
CSS reference: vlastnost obrysu
❮ Objekt stylu