Los últimos tutoriales de desarrollo web
 

Style outlineWidth Property

<Estilo de objeto

Ejemplo

Cambiar el ancho del contorno de un <div> elemento:

document.getElementById("myDiv").style.outlineWidth = "10px";
Inténtalo tú mismo "

Definición y Uso

Los conjuntos de propiedades outlineWidth o devuelve el ancho del contorno alrededor de un elemento.

Un esquema es una línea alrededor de un elemento. Se muestra todo el margen del elemento. Sin embargo, es diferente de la propiedad border.

El esquema no es una parte de las dimensiones del elemento, por lo tanto las propiedades de ancho y altura del elemento no contienen el ancho del contorno.


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad outlineWidth es compatible con todos los principales navegadores.

Note: La propiedad outlineWidth no es compatible con Internet Explorer 7 y versiones anteriores. IE8 requiere un DOCTYPE!. IE9 y luego apoyarlo.


Sintaxis

Devolver la propiedad outlineWidth:

object .style.outlineWidth

Establecer la propiedad outlineWidth:

object .style.outlineWidth="thin|medium|thick| Valores de propiedad
Valor Descripción
thin Define un esquema fino
medium Define un esquema medio. Esto es por defecto
thick Define un esquema de espesor
length El ancho del contorno en unidades de longitud
initial Establece esta propiedad a su valor por defecto. Lea acerca inicial
inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar

Detalles técnicos

Valor por defecto: medio
Valor de retorno: Una cadena, que representa la anchura de contorno de un elemento
Versión CSS CSS2

Más ejemplos

Ejemplo

Cambiar la anchura de la silueta de un <div> elemento, utilizando el "thick" valor:

document.getElementById("myDiv").style.outlineWidth = "thick";
Inténtalo tú mismo "

Ejemplo

Devolver el ancho del contorno de un <div> elemento:

alert(document.getElementById("myDiv").style.outlineWidth);
Inténtalo tú mismo "

Páginas relacionadas

CSS tutorial: Esquema CSS

Referencia CSS: outline property

Referencia HTML DOM: outline property


<Estilo de objeto