Índice

Los bordes HTML:Bordes

Es posible definir las características de cada borde con las siguientes propiedades:

  • border-top: border-top-color, border-top-style, border-top-width. PROPIEDADES CSS:border-top

  • border-right: border-right-color, border-right-style, border-right-width. PROPIEDADES CSS:border-right

  • border-bottom: border-bottom-color, border-bottom-style, border-bottom-width. PROPIEDADES CSS:border-bottom

  • border-left: border-left-color, border-left-style, border-left-width. PROPIEDADES CSS:border-left

Pasemos ahora a examinar en detalle los valores permitidos:

  • border-width: grosor del borde (valores numéricos o porcentuales). PROPIEDADES CSS:border-width

  • border-color: color del borde (código hexadecimal, términos en inglés o valor RGB). PROPIEDADES CSS:border-color

  • border-style: estilo del borde. PROPIEDADES CSS:border-style

Estas propiedades definen el grosor de la zona del borde:

  • thin: fino.

  • medium: medio.

  • thick: grueso.

La propiedad Border-color permite definir el color del borde. No es necesario especificar todos los valores: PROPIEDADES CSS:border-color

  • Un valor único definido: todos los lados a la vez.

  • Dos valores definidos: bordes superior e inferior - bordes de la izquierda y la derecha.

  • Tres valores definidos: borde superior - bordes de la izquierda y la derecha - borde inferior.

  • Cuatro valores definidos: borde superior - borde de la derecha - borde inferior - borde de la izquierda.

También debe definir una propiedad border-style.

1. Estilo del borde: Border-style PROPIEDADES CSS:border-style

Las palabras clave posibles ...