Vlastnost obrysu CSS
Příklad
Nastavte obrys kolem prvku <h2> a prvku <div>:
h2 {
outline: 5px dotted green;
}
div.a {
outline: 2px dashed blue;
}
Definice a použití
Obrys je čára, která je nakreslena kolem prvků mimo okraje, aby prvek „vynikl“.
Vlastnost outline
je zkrácená vlastnost pro:
- obrys-šířka
- styl obrysu (vyžadováno)
- obrys-barva
Pokud je barva obrysu vynechána, použitá barva bude barvou textu.
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.
Výchozí hodnota: | střední inverzní barva |
---|---|
Zděděno: | Ne |
Animovatelné: | ano, viz jednotlivé vlastnosti . Přečtěte si o tématu Animable |
Verze: | CSS2 |
Syntaxe JavaScriptu: | objekt .style.outline="#0000FF tečkovaný 5px" |
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
outline | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Syntaxe CSS
outline: outline-width outline-style outline-color|initial|inherit;
Hodnoty vlastností
Value | Description |
---|---|
outline-width | Specifies the width of outline |
outline-style | Specifies the style of the outline |
outline-color | Specifies 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 |
Související stránky
CSS tutoriál: CSS Outline
HTML DOM reference: vlastnost obrysu