Propriedade outline
A propriedade outline define a cor, o tipo
e a espessura do contorno externo (borda que
não ocupa espaço) para todos os lados simultaneamente,
mas, ao contrário do border,
essa borda não expande o elemento.
É uma propriedade abreviada para outline-width,
outline-style
e outline-color
(mas não para outline-offset).
Sintaxe
seletor {
outline: espessura tipo cor;
}
A ordem das propriedades não importa.
Exemplo . Apenas outline
<div id="elem"></div>
#elem {
outline: 1px solid black;
width: 300px;
height: 100px;
}
:
Exemplo . Propriedades outline e border juntas
A borda do outline ficará por fora, e a borda
do border - por dentro:
<div id="elem"></div>
#elem {
outline: 4px solid green;
border: 4px solid red;
width: 300px;
height: 100px;
}
:
Veja também
-
a propriedade
outline-offset,
que define o deslocamento do contorno
