Outline-eienskap
Die eienskap outline stel die kleur, tipe
en dikte vir die buiterand (rand wat
geen plek inneem nie) vir alle kante gelyktydig,
maar in teenstelling met border
brei so 'n rand nie die element uit nie.
Is 'n afkorting-eienskap vir outline-width,
outline-style
en outline-color
(maar nie vir outline-offset nie).
Sintaksis
selektor {
outline: dikte tipe kleur;
}
Die volgorde van die eienskappe maak nie saak nie.
Voorbeeld . Slegs outline
<div id="elem"></div>
#elem {
outline: 1px solid black;
width: 300px;
height: 100px;
}
:
Voorbeeld . Outline- en border-eienskappe saam
Die rand van outline sal aan die buitekant wees, en die rand
van border - aan die binnekant:
<div id="elem"></div>
#elem {
outline: 4px solid green;
border: 4px solid red;
width: 300px;
height: 100px;
}
:
Sien ook
-
eienskap
outline-offset,
wat die randverskuiwing stel
