Atributo outlineWidth de Style

Definición y uso

outlineWidth Establece o devuelve el ancho del contorno alrededor del elemento.

El contorno es una línea alrededor del elemento. Se muestra alrededor del margen del elemento. Pero, es diferente del atributo de borde.

El contorno no es parte del tamaño del elemento, por lo tanto, los atributos de ancho y altura del elemento no incluyen el ancho del contorno.

Vea también:

Tutorial de CSS:Bordes CSS

Manual de referencia de CSS:Atributo outline

Manual de referencia de HTML DOM:Atributo outline

Ejemplo

Ejemplo 1

Cambiar el ancho del contorno del elemento <div>:

document.getElementById("myDiv").style.outlineWidth = "10px";

Pruebe usted mismo

Ejemplo 2

Usar el valor "thick" para cambiar el ancho del contorno del elemento <div>:

document.getElementById("myDiv").style.outlineWidth = "thick";

Pruebe usted mismo

Ejemplo 3

Devolver el ancho del contorno del elemento <div>:

alert(document.getElementById("myDiv").style.outlineWidth);

Pruebe usted mismo

Sintaxis

Devolver outlineWidth atributo:

object.style.outlineWidth

Establecer outlineWidth atributo:

object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"

Valor del atributo

Valor Descripción
thin Define un contorno fino.
medium Define un contorno mediano. Predeterminado.
thick Define un contorno grueso.
length Ancho del contorno medido en unidades de longitud.
initial Establezca este atributo en su valor predeterminado. Consulte initial.
inherit Hereda este atributo del elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: medium
Valor devuelto: Cadena que representa el ancho del contorno del elemento.
Versión de CSS: CSS2

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte