Los últimos tutoriales de desarrollo web
 

Style outlineStyle Property

<Estilo de objeto

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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