Con estas propiedades especificamos el ancho, color y estilo del area de borde.
- 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
Tutoriales
