Atributo outline-offset de CSS

Definición y uso

La propiedad outline-offset desplaza el contorno y lo dibuja en la orilla del borde.

El contorno se diferencia en dos aspectos del borde:

  • El contorno no ocupa espacio
  • El contorno puede ser no rectangular

Véase también:

Tutorial de CSS:Interfaz de usuario de CSS

Manual de referencia de HTML DOM:Propiedad outlineOffset

Ejemplo

Define el contorno a 15 píxeles fuera de la orilla del borde:

div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}

Prueba tú mismo

Sintaxis de CSS

outline-offset: longitud|inherit;

Valor del atributo

Valor Descripción
longitud Distancia desde la orilla del contorno.
inherit Se especifica que el valor de la propiedad outline-offset debe ser heredado del elemento padre.

Detalles técnicos

Valor predeterminado: 0
Herencia: no
Versión: CSS3
Sintaxis de JavaScript: object.style.outlineOffset="15px"

Compatibilidad del navegador

Los números en la tabla indican la primera versión de navegador que admite completamente esta propiedad.

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