propiedad de estilo outline

definición y uso

outline establecer o devolver todos los atributos de contorno en forma abreviada.

a través de este atributo, puede establecer / devolver una o más de las siguientes opciones (en cualquier orden):

el contorno es una línea alrededor del elemento. Se muestra alrededor del margen del elemento. Sin embargo,它与 atributo border diferente.

el contorno no es parte del tamaño del elemento, por lo tanto, los atributos de ancho y altura del elemento no incluyen el ancho del contorno.

consulte también：

tutorial de CSS：Borde CSS

manual de referencia de CSS：atributo outline

instancia

ejemplo 1

agregar un contorno alrededor del elemento <div>：

document.getElementById("myDiv").style.outline = "thick solid #0000FF";

intente usted mismo

ejemplo 2

cambiar el ancho, estilo y color del contorno del elemento <div>：

document.getElementById("myDiv").style.outline = "5px dotted green";

intente usted mismo

ejemplo 3

devolver el valor del atributo outline del elemento <div>：

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

intente usted mismo

sintaxis

devolver outline atributo：

object.style.outline

establecer outline atributo：

object.style.outline = "width style color|initial|inherit"

valor del atributo

valor descripción
width establecer el ancho del contorno.
style establecer el estilo del contorno.
color establecer el color del contorno.
initial establezca este atributo en su valor predeterminado. Consulte initial.
inherit hereda este atributo del elemento padre. Consulte inherit.

detalles técnicos

valor predeterminado： medium none invert
valor devuelto： una cadena que representa el ancho, estilo y / o color 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