Propiedad de estilo outlineStyle

Definición y uso

outlineStyle La propiedad establece o devuelve el estilo del contorno alrededor del elemento.

El contorno es una línea que rodea al elemento. Se muestra alrededor del margen del elemento. Sin embargo, es diferente de la propiedad de borde.

El contorno no es parte de las dimensiones del elemento, por lo que las propiedades de anchura y altura del elemento no incluyen el ancho del contorno.

véase también：

Tutorial de CSS：Contorno de CSS

Manual de referencia de CSS：atributo outline-style

Manual de referencia de HTML DOM：atributo outline

instancia

ejemplo 1

añada un contorno sólido alrededor del elemento <div>：

document.getElementById("myDiv").style.outlineStyle = "solid";

intente usted mismo

ejemplo 2

cambie el estilo de contorno del elemento <div>：

document.getElementById("myDiv").style.outlineStyle = "solid";

intente usted mismo

ejemplo 3

devuelva el estilo de contorno del elemento <div>：

alert(document.getElementById("myDiv").style.outlineStyle);

intente usted mismo

ejemplo 4

demostración para todos los diferentes valores：

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;

intente usted mismo

sintaxis

devuelva el atributo outlineStyle：

object.style.outlineStyle

establezca el atributo outlineStyle：

object.style.outlineStyle = value

valor del atributo

valor descripción
none predeterminado. Define sin contorno.
hidden el contorno está cerrado.
dotted define el contorno punteado.
dashed define el contorno punteado.
solid define el contorno sólido.
double define el contorno doble. El ancho de la línea doble es equivalente a outline-width valores.
groove define el contorno 3D hundido. Define el contorno 3D hundido. Este efecto depende de outline-color valores.
ridge define el contorno 3D saliente. Este efecto depende de outline-color valores.
inset define el contorno 3D hundido. Este efecto depende de outline-color valores.
outset define el contorno 3D saliente. Este efecto depende de outline-color valores.
initial establezca este atributo en su valor predeterminado. Consulte initial.
inherit hereda este atributo de su elemento padre. Consulte inherit.

detalles técnicos

valor predeterminado： none
valor devuelto： una cadena que representa el estilo del contorno del elemento.
versión de CSS： CSS2

soporte del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
soporte soporte soporte soporte soporte