Propiedad de estilo border

Definición y uso

border Las propiedades se establecen o devuelven en forma abreviada como máximo tres propiedades de borde individuales.

A través de esta propiedad, puede establecer / devolver uno o más de los siguientes (en cualquier orden):

Vea también:

Tutoriales de CSS:Borde de CSS

Manual de referencia de CSS:Propiedad border

Ejemplo

Ejemplo 1

Agregar un borde al elemento <div>:

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

Intente usted mismo

Ejemplo 2

Cambiar el ancho, estilo y color del borde del elemento <div>:

document.getElementById("myDiv").style.border = "thin dotted red";

Intente usted mismo

Ejemplo 3

Devolver el valor de la propiedad border del elemento <div>:

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

Intente usted mismo

Sintaxis

Devolver la propiedad border:

object.style.border

Establecer la propiedad border:

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

Valor del atributo

Valor Descripción
width Establecer el ancho del borde.
style Establecer el estilo del borde.
color Establecer el color del borde.
initial Establezca esta propiedad en su valor predeterminado. Consulte initial.
inherit Hereda esta propiedad del elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: No especificado.
Valor de retorno: Cadena de texto que representa el ancho, estilo y / o color del borde del elemento.
Versión de CSS: CSS1

Soporte del navegador

border Es una característica de CSS1 (1996).

Todos los navegadores lo soportan completamente:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Soporte Soporte Soporte Soporte Soporte Soporte