• Propiedades de los bordes

Propiedades de los bordes

Con estas propiedades especificamos el ancho, color y estilo del area de borde.

Las propiedades que podemos utilizar son las siguientes:

border-top-width
border-bottom-width
border-left-width
border-right-width

Mediante estas cuatro propiedades especificamos el ancho del area de borde por encima, debajo, a la izquierda y derecha del elemento.

Se puede especificar una longitud o las palabras reservadas thin, medium y tick para que el navegador asigne tres valores normalizados de grosor creciente y constantes en el documento.

Estas propiedades no se heredan.

thin | medium | thick | XX unidad

H1 {border-top-width: thin}

border-width

Especificamos en una única propiedad el ancho de todo el area de borde. Funciona de la misma manera que la propiedad margin.

Esta propiedad no se hereda. 

thin | medium | thick | XX unidad

H1 { border-width: thin thick medium}

border-style

Especificamos el estilo de visualización del borde.

Los posibles valores son:

none

ninguno, anchura cero

dottet

punteado

dashed

discontinuo

solid

liso

double

doble

groove

hundido

ridge

resaltado

inset

toda la caja hundida

outset

toda la caja resaltada

Esta propiedad no se hereda.

none | dottet | dashed | solid | double | groove | ridge | inset | outset

border-color

Especificamos el color del borde. No se hereda.

nombre del color | valor HEX | Rgb (R%, G%, B%) | Rgb (R,G,B)

border-top
border-bottom
border-left
border-right

En cada una de las cuatro propiedades podemos especificar en conjunto todas las características de cada uno de los lados del borde: tamaño, estilo y color.

Estas propiedades no se heredan.

anchura | estilo | color

border

Mediante esta propiedad podemos especificar de forma conjunta todas las propiedades de un borde: tamaño, estilo y color.

Esta propiedad no se hereda.

anchura | estilo | color