Propiedad de ancho de esquema de estilo
Ejemplo
Cambia el ancho del contorno de un elemento <div>:
document.getElementById("myDiv").style.outlineWidth = "10px";
Definición y uso
La propiedad outlineWidth establece o devuelve el ancho 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 | |||||
|---|---|---|---|---|---|
| outlineWidth | Yes | Yes | Yes | Yes | Yes |
Sintaxis
Devuelve la propiedad outlineWidth:
object.style.outlineWidth
Establezca la propiedad outlineWidth:
object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"
Valores de propiedad
| Value | Description |
|---|---|
| thin | Defines a thin outline |
| medium | Defines a medium outline. This is default |
| thick | Defines a thick outline |
| length | The width of the outline in length units |
| 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 |
|---|---|
| Valor devuelto: | Una cadena, que representa el ancho del contorno de un elemento. |
| Versión CSS | CSS2 |
Más ejemplos
Ejemplo
Cambia el ancho del contorno de un elemento <div>, usando el valor "grueso":
document.getElementById("myDiv").style.outlineWidth = "thick";
Ejemplo
Devuelve el ancho del contorno de un elemento <div>:
alert(document.getElementById("myDiv").style.outlineWidth);
páginas relacionadas
Tutorial de CSS: esquema de CSS
Referencia CSS: propiedad de contorno
Referencia HTML DOM: propiedad de contorno
❮ Objeto de estilo