Propriedade de deslocamento de contorno CSS
Exemplo
Especifique um contorno vermelho sólido de 4 pixels 15 pixels fora da borda da borda:
div
{
outline: 4px solid red;
outline-offset: 15px;
}
Definição e uso
A outline-offset
propriedade adiciona espaço entre o contorno e a borda ou borda de um elemento.
O espaço entre um elemento e seu contorno é transparente.
Os contornos diferem das bordas de três maneiras:
- Um contorno é uma linha desenhada em torno de elementos, fora da borda da borda
- Um contorno não ocupa espaço
- Um contorno pode ser não retangular
Valor padrão: | 0 |
---|---|
Herdado: | não |
Animavel: | sim, consulte propriedades individuais . Leia sobre animáveis |
Versão: | CSS3 |
Sintaxe JavaScript: | objeto .style.outlineOffset="15px" |
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total à propriedade.
Property | |||||
---|---|---|---|---|---|
outline-offset | 4.0 | 15.0 | 3.5 | 3.1 | 10.5 |
Sintaxe CSS
outline-offset: length|initial|inherit;
Valores de propriedade
Value | Description |
---|---|
length | The distance the outline is outset from the border edge. Default value is 0 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Páginas relacionadas
Tutorial CSS: Interface do usuário CSS
Referência HTML DOM: propriedade outlineOffset