Ejemplo
Añadir un "solid" contorno alrededor de un <div> elemento:
document.getElementById("myDiv").style.outlineStyle = "solid";
Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades outlineStyle o devuelve el estilo 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 outlineStyle es compatible con todos los principales navegadores.
Note: La propiedad outlineStyle no es compatible con Internet Explorer 7 y versiones anteriores. IE8 requiere un DOCTYPE!. IE9 y luego apoyarlo.
Sintaxis
Devolver la propiedad outlineStyle:
object .style.outlineStyle
Establecer la propiedad outlineStyle:
object .style.outlineStyle= value
Valores de propiedad
Valor | Descripción |
---|---|
none | Define sin contorno. Esto es por defecto |
hidden | El esquema se apaga |
dotted | Define un contorno de puntos |
dashed | Define una línea discontinua |
solid | Define una línea de trazo continuo |
double | Define un esquema doble |
groove | Define un contorno acanalado 3D. El efecto depende del valor contorno color |
ridge | Define un contorno acanalado 3D. El efecto depende del valor contorno color |
inset | Define un esquema de inserción 3D. El efecto depende del valor contorno color |
outset | Define un esquema de principio 3D. El efecto depende del valor contorno color |
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: | ninguna |
---|---|
Valor de retorno: | Una cadena, que representa el estilo de contorno de un elemento |
Versión CSS | CSS2 |
Más ejemplos
Ejemplo
Cambiar el estilo de contorno de un <div> elemento:
document.getElementById("myDiv").style.outlineStyle = "solid";
Inténtalo tú mismo " Ejemplo
Devolver el estilo de contorno de un <div> elemento:
alert(document.getElementById("myDiv").style.outlineStyle);
Inténtalo tú mismo " Ejemplo
Una demostración de todos los diferentes valores:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;
Inténtalo tú mismo " Páginas relacionadas
CSS tutorial: Esquema CSS
CSS referencia: outline-style property
Referencia HTML DOM: outline property
<Estilo de objeto