Atributo border CSS

Definición y uso

La propiedad abreviada border establece todas las propiedades de borde en una declaración.

Se pueden establecer los siguientes atributos en orden:

Si no se establece algún valor, no habrá problemas, por ejemplo, border:solid #ff0000; también es permitido.

Vea también:

Tutorial de CSS:Borde de CSS

Manual de referencia de HTML DOM:Atributo border

Ejemplo

Establecer el estilo de 4 bordes:

p
  {
  border:5px solid red;
  }

Prueba tu mismo

Sintaxis de CSS

border: border-width border-style border-color|initial|inherit;

Valor del atributo

Valor Descripción
border-width Define el ancho del borde. Ver:border-width posibles valores.
border-style Define el estilo del borde. Ver:border-style posibles valores.
border-color Define el color del borde. Ver:border-color posibles valores.
inherit Se especifica que la propiedad border debe heredarse del elemento padre.

Detalles técnicos

Valor predeterminado: no especificado
Herencia: no
Versión: CSS1
Sintaxis de JavaScript: object.style.border="3px solid blue"

Más ejemplos

Todas las propiedades de borde en una declaración
Este ejemplo muestra cómo usar propiedades abreviadas para establecer todas las cuatro propiedades de borde en una declaración.

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente esta propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5