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
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