Egenskaben outline
Egenskaben outline angiver farve, type
og tykkelse for den ydre ramme (grænse, som
ikke optager plads) på alle sider samtidigt,
men i modsætning til border
udvider en sådan grænse ikke elementet.
Er en egenskabs-forkortelse for outline-width,
outline-style
og outline-color
(men ikke for outline-offset).
Syntaks
selektor {
outline: tykkelse type farve;
}
Rækkefølgen af egenskabsværdier har ikke betydning.
Eksempel . Kun outline
<div id="elem"></div>
#elem {
outline: 1px solid black;
width: 300px;
height: 100px;
}
:
Eksempel . Egenskaberne outline og border sammen
Grænsen fra outline vil være på ydersiden, mens grænsen
fra border - på indersiden:
<div id="elem"></div>
#elem {
outline: 4px solid green;
border: 4px solid red;
width: 300px;
height: 100px;
}
:
Se også
-
egenskaben
outline-offset,
som angiver rammens forskydning
