Egenskapen outline
Egenskapen outline anger färg, typ
och tjocklek för den yttre ramen (en gräns som
inte tar upp plats) för alla sidor samtidigt,
men till skillnad från border
utökar en sådan gräns inte elementet.
Är en egenskapsförkortning för outline-width,
outline-style
och outline-color
(men inte för outline-offset).
Syntax
selector {
outline: tjocklek typ färg;
}
Ordningen på egenskaperna spelar ingen roll.
Exempel . Endast outline
<div id="elem"></div>
#elem {
outline: 1px solid black;
width: 300px;
height: 100px;
}
:
Exempel . Egenskaperna outline och border tillsammans
Gränsen från outline kommer att vara på utsidan, medan gränsen
från border - på insidan:
<div id="elem"></div>
#elem {
outline: 4px solid green;
border: 4px solid red;
width: 300px;
height: 100px;
}
:
Se även
-
egenskapen
outline-offset,
som anger förskjutning av ramen
