CSS propriedade outline-offset

Definição e uso

A propriedade outline-offset desloca o contorno e o desenha na margem da borda.

O contorno difere dos bordas em dois aspectos:

  • O contorno não ocupa espaço
  • O contorno pode ser não retangular

Veja também:

Tutorial de CSS:Interface do usuário CSS

Manual de referência do DOM HTML:Propriedade outlineOffset

Exemplo

Define o contorno 15 pixels fora da margem da borda:

div
{
borda:2px sólido preto;
outline:2px sólido vermelho;
outline-offset:15px;
}

Experimente você mesmo

Sintaxe do CSS

outline-offset: length|inherit;

Valor da propriedade

Valor Descrição
length Distância da contorno para a margem da borda.
inherit Define que o valor da propriedade outline-offset deve ser herdado do elemento pai.

Detalhes técnicos

Valor padrão: 0
Herança: não
Versão: CSS3
Sintaxe do JavaScript: objeto.style.outlineOffset="15px"

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Chrome IE / Edge Firefox Safari Opera
4.0 15.0 3.5 3.1 10.5