CSS borderPropiedad

Ejemplo

Establecer los cuatro estilos de borde:

p { border:5px solid red; }

Definición de etiqueta e instrucciones de uso

border es la propiedad abreviada de las propiedades de borde.

La propiedad CSS border se utiliza para especificar el estilo, el ancho y el color del borde de un elemento.

Las propiedades que se pueden establecer son (en orden): border-width, border-style y border-color.

También se puede establecer solo un valor, por ejemploborder：＃FF0000;es correcto, y los demás valores se establecerán en los valores iniciales de las propiedades correspondientes.

Sintaxis

Se puede especificar la propiedad border utilizando uno, dos o tres de los valores que se enumeran a continuación, el orden de los valores no es importante:

/* estilo del borde */
border: solid;

/* ancho del borde | estilo del borde */
border: 2px dotted;

/* estilo del borde | color del borde */
border: outset #f33;

/* ancho del borde | estilo del borde | color del borde */
border: medium dashed green;

/* valores globales */
border: inherit;
border: initial;
border: unset;

Nota:Si el estilo del borde no está definido, no será visible. Esto se debe a que el estilo por defecto es none.

Valor por defecto:	not specified
Herencia:	no
Versión:	CSS1
Sintaxis de JavaScript:	object object.style.border="3px solid blue"

Soporte del navegador

Los números de la tabla indican la primera versión del navegador que soporta la propiedad.

Propiedad
border	1.0	4.0	1.0	1.0	3.5

Valores de la propiedad

Valor	Descripción
border-width	Especifica el ancho del borde
border-style	Especifica el estilo del borde
border-color	Especifica el color del borde
inherit	Especifica que el valor de la propiedad border debe heredarse del elemento padre.

CSSPropiedad