Esquema de estilo Propiedad
Ejemplo
Agregue un contorno alrededor de un elemento <div>:
document.getElementById("myDiv").style.outline = "thick solid #0000FF";
Definición y uso
La propiedad de contorno establece o devuelve todas las propiedades de contorno, en forma abreviada.
Con esta propiedad, puede establecer/devolver uno o más de los siguientes (en cualquier orden):
- ancho de contorno
- estilo de contorno
- contorno-color
Un contorno es una línea alrededor de un elemento. Se muestra alrededor del margen del elemento. Sin embargo, es diferente de la propiedad de borde.
El contorno no forma parte de las dimensiones del elemento, por lo tanto, las propiedades de ancho y alto del elemento no contienen el ancho del contorno.
Compatibilidad con navegador
Property | |||||
---|---|---|---|---|---|
outline | Yes | Yes | Yes | Yes | Yes |
Sintaxis
Devuelve la propiedad de contorno:
object.style.outline
Establezca la propiedad de contorno:
object.style.outline = "width style color|initial|inherit"
Valores de propiedad
Parameter | Description |
---|---|
width | Sets the width of the outline |
style | Sets the style of the outline |
color | Sets the color of the outline |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalles técnicos
Valor por defecto: | medio ninguno invertir |
---|---|
Valor devuelto: | Una cadena, que representa el ancho del contorno, el estilo y/o el color de un elemento |
Versión CSS | CSS2 |
Más ejemplos
Ejemplo
Cambia el ancho, el estilo y el color del contorno de un elemento <div>:
document.getElementById("myDiv").style.outline = "5px dotted green";
Ejemplo
Devuelve los valores de propiedad de contorno de un elemento <div>:
alert(document.getElementById("myDiv").style.outline);
páginas relacionadas
Tutorial de CSS: esquema de CSS
Referencia CSS: propiedad de contorno
❮ Objeto de estilo