Ejemplo
Añadir un contorno alrededor de un <div> elemento:
document.getElementById("myDiv").style.outline = "thick solid #0000FF"; Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades de esquema o devuelve todas las propiedades del contorno, en una forma abreviada.
Con esta propiedad, se puede establecer / devolver uno o más de los siguientes (en cualquier orden):
- contorno de ancho
- esbozo de estilo
- contorno color
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 de esquema es compatible con todos los principales navegadores.
Note: La propiedad de esquema no es compatible con Internet Explorer 7 y versiones anteriores. IE8 requiere un DOCTYPE!. IE9 y luego apoyarlo.
Sintaxis
Devolver la propiedad de esquema:
object .style.outline
Establecer la propiedad de esquema:
object .style.outline=" Valores de propiedad Parámetro Descripción width Establece el ancho del contorno style Define el estilo del contorno color Establece el color del contorno 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: Ninguno medio invertido Valor de retorno: Una cadena, que representa el contorno ancho, estilo y / o color de un elemento Versión CSS CSS2
Más ejemplos
Ejemplo
Cambiar el ancho, estilo y color del contorno de un <div> elemento:
document.getElementById("myDiv").style.outline = "5px dotted green"; Inténtalo tú mismo "
Ejemplo
Devolver los valores de las propiedades de esquema de un <div> elemento:
alert(document.getElementById("myDiv").style.outline); Inténtalo tú mismo "
Páginas relacionadas
CSS tutorial: Esquema CSS
Referencia CSS: outline property
<Estilo de objeto