Proprietatea outline
Proprietatea outline stabilește culoarea, tipul
și grosimea pentru conturul exterior (graniță care
nu ocupă spațiu) pentru toate laturile simultan,
dar spre deosebire de border
o astfel de graniță nu extinde elementul.
Este o proprietate-prescurtare pentru outline-width,
outline-style
și outline-color
(dar nu și pentru outline-offset).
Sintaxă
selector {
outline: grosime tip culoare;
}
Ordinea proprietăților nu contează.
Exemplu . Doar outline
<div id="elem"></div>
#elem {
outline: 1px solid black;
width: 300px;
height: 100px;
}
:
Exemplu . Proprietățile outline și border împreună
Granța de la outline va fi în exterior, iar granița
de la border - în interior:
<div id="elem"></div>
#elem {
outline: 4px solid green;
border: 4px solid red;
width: 300px;
height: 100px;
}
:
Vedeți și
-
proprietatea
outline-offset,
care stabilește decalajul conturului
