Esquema de estiloPropiedad de estilo
Ejemplo
Agregue un contorno "sólido" alrededor de un elemento <div>:
document.getElementById("myDiv").style.outlineStyle = "solid";
Definición y uso
La propiedad outlineStyle establece o devuelve el estilo del contorno alrededor de un elemento.
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 | |||||
|---|---|---|---|---|---|
| outlineStyle | Yes | Yes | Yes | Yes | Yes |
Sintaxis
Devuelve la propiedad outlineStyle:
object.style.outlineStyle
Establezca la propiedad outlineStyle:
object.style.outlineStyle = value
Valores de propiedad
| Value | Description |
|---|---|
| none | Defines no outline. This is default |
| hidden | The outline is turned off |
| dotted | Defines a dotted outline |
| dashed | Defines a dashed outline |
| solid | Defines a solid outline |
| double | Defines a double outline |
| groove | Defines a 3D grooved outline. The effect depends on the outline-color value |
| ridge | Defines a 3D ridged outline. The effect depends on the outline-color value |
| inset | Defines a 3D inset outline. The effect depends on the outline-color value |
| outset | Defines a 3D outset outline. The effect depends on the outline-color value |
| 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: | ninguna |
|---|---|
| Valor devuelto: | Una cadena, que representa el estilo del contorno de un elemento. |
| Versión CSS | CSS2 |
Más ejemplos
Ejemplo
Cambia el estilo de contorno de un elemento <div>:
document.getElementById("myDiv").style.outlineStyle = "solid";
Ejemplo
Devuelve el estilo de esquema de un elemento <div>:
alert(document.getElementById("myDiv").style.outlineStyle);
Ejemplo
Una demostración de todos los diferentes valores:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;
páginas relacionadas
Tutorial de CSS: esquema de CSS
Referencia de CSS: propiedad de estilo de esquema
Referencia HTML DOM: propiedad de contorno
❮ Objeto de estilo