Omadus outline
Omadus outline määrab värvi, tüübi
ja paksuse välisäärele (piir, mis
ei võta ruumi) kõikidele külgedele korraga,
kuid erinevalt border-ist
see piir ei laienda elementi.
On lühendomaduseks outline-width,
outline-style
ja outline-color
(kuid mitte outline-offset jaoks).
Süntaks
selektor {
outline: paksus tüüp värv;
}
Omaduste järjekord ei oma tähtsust.
Näide . Ainult outline
<div id="elem"></div>
#elem {
outline: 1px solid black;
width: 300px;
height: 100px;
}
:
Näide . Omadused outline ja border koos
outline-ist tulenev piir on väljaspool ja
border-ist tulenev piir on seespool:
<div id="elem"></div>
#elem {
outline: 4px solid green;
border: 4px solid red;
width: 300px;
height: 100px;
}
:
Vaata ka
-
omadus
outline-offset,
mis määrab raami nihke