Propiedad de borde de estilo
Ejemplo
Agregue un borde a un elemento <div>:
document.getElementById("myDiv").style.border = "thick solid #0000FF";
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
La propiedad de borde establece o devuelve hasta tres propiedades de borde separadas, en forma abreviada.
Con esta propiedad, puede establecer/devolver uno o más de los siguientes (en cualquier orden):
- ancho del borde
- estilo de borde
- color del borde
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
border | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaxis
Devuelve la propiedad del borde:
object.style.border
Establezca la propiedad de borde:
object.style.border = "width style color|initial|inherit"
Valores de propiedad
Parameter | Description |
---|---|
width | Sets the width of the borders |
style | Sets the style of the borders |
color | Sets the color of the borders |
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: | No especificado |
---|---|
Valor devuelto: | Una cadena, que representa el ancho del borde, el estilo y/o el color de un elemento |
Versión CSS | CSS1 |
Más ejemplos
Ejemplo
Cambia el ancho, el estilo y el color del borde de un elemento <div>:
document.getElementById("myDiv").style.border = "thin dotted red";
Ejemplo
Devuelve los valores de propiedad de borde de un elemento <div>:
alert(document.getElementById("myDiv").style.border);
páginas relacionadas
Tutorial de CSS: Borde CSS
Referencia CSS: propiedad de borde