Atributo outline-width de CSS

Definición y uso

La propiedad outline-width establece el ancho de todo el contorno del elemento, y solo tiene efecto cuando el estilo del contorno no es none. Si el estilo es none, el ancho se restablece a 0. No se permite establecer valores de longitud negativos.

outline (contorno) es una línea dibujada alrededor del elemento, ubicada en el exterior del borde, que puede resaltar el elemento. La propiedad outline establece la línea de contorno alrededor del elemento.

Notas:Siempre declare la propiedad outline-style antes de outline-width. El elemento solo puede cambiar el color del contorno después de obtener el contorno.

Notas:La línea de contorno no ocupa espacio y no tiene por qué ser rectangular.

Véase también:

Tutoriales de CSS:Contorno de CSS

Manual de referencia de CSS:Propiedad outline

Manual de referencia del DOM HTML:Propiedad outlineWidth

Ejemplo

Establecer el color de la línea de contorno punteada:

p
  {
  outline-style:dotted;
  outline-width:5px;
  }

Prueba tu mismo

Sintaxis de CSS

outline-width: media|delgada|grueso|length|initial|inherit;

Valor del atributo

Valor Descripción
Especifica un contorno fino. delgado
media Predeterminado. Especifica un contorno medio.
grueso Especifica un contorno grueso.
length Le permite especificar el valor del grosor del contorno.
inherit Se debe especificar que la configuración del ancho del contorno debe ser heredada del elemento padre.

Detalles técnicos

Valor predeterminado: media
Herencia: no
Versión: CSS2
Sintaxis de JavaScript: object.style.outlineWidth="delgada"

Ejemplo TIY

Establecer el ancho de la línea de contorno
Este ejemplo muestra cómo establecer el ancho de la línea de contorno.

Compatibilidad del navegador

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

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

Notas:Si se especifica !DOCTYPE, IE8 admite la propiedad outline.