CSS - borde inferior

Descripción

Establece el borde inferior de un elemento; value es uno o más de un color, un valor para border-bottom-width y un valor para border-style.

Valores posibles

El valor posible es uno o más de un color, un valor para el ancho del borde y un valor para el estilo del borde.

Se aplica a

Todos los elementos HTML.

Sintaxis DOM

object.style.borderBottom = "2px solid red";

Ejemplo

La propiedad border-bottom le permite especificar el color, el estilo y el ancho de las líneas inferiores en una propiedad:

A continuación se muestra el ejemplo para mostrar el uso de las tres propiedades en una sola propiedad.

<html>
   <head>
   </head>

   <body>
      <p style = "border-bottom:4px solid red;">
         This example is showing shorthand property for border-bottom.
      </p>
   </body>
</html>

Producirá el siguiente resultado: