Exemplu
Setați contur în jurul unui <p> Element:
p
{
outline: #00FF00 dotted thick;
}
Încearcă - l singur » Definiție și utilizare
O schiță este o linie care este desenat în jurul elementelor (outside the borders) în "stand out" (outside the borders) pentru a face elementul "stand out" în "stand out" .
proprietate prescurtare Conturul setează toate proprietățile contur într-o singură declarație.
Proprietățile care pot fi setate, sunt (in order) : schiță-culoare, contur stil, schiță-lățime.
În cazul în care una dintre valorile de mai sus lipsesc, de exemplu , "outline:solid #ff0000;" , Se va introduce valoarea implicită pentru proprietatea lipsă, dacă este cazul.
Notă: Conturul nu este o parte a dimensiunilor elementului, prin urmare , lățime și înălțime proprietățile elementului nu conțin lățimea conturului.
Valoare implicită: | invert none medium |
---|---|
Mostenit: | no |
Animatable: | yes, see individual properties . Read about animatable Try it |
Versiune: | CSS2 |
sintaxa JavaScript: | object .style.outline="#0000FF dotted 5px" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Proprietate | |||||
---|---|---|---|---|---|
outline | 1.0 | 8 | 1.5 | 1.2 | 7 |
Note: IE8 susține proprietatea contur numai dacă este specificat un DOCTYPE!.
CSS Sintaxa
outline: Valori de proprietate Valoare Descriere outline-color Specifică culoarea conturului outline-style Specifică stilul conturului outline-width Specifică lățimea conturului initial Setează această proprietate la valoarea implicită. Citiți despre inițială inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Pagini similare
Tutorial CSS: CSS Schiță
HTML DOM de referință: outline property