Característica border-bottom-color en CSS

Característica border-bottom-color en CSS

La propiedad border-bottom-color CSS establece el color del marco inferior del elemento. Tenga en cuenta que en la mayoría de los casos es preferible utilizar propiedades CSS cortas como border-colorborder-bottom.

Funciones border-bottom-color css

Valor inicialcurrentcolor
Aplicado aTodos los artículos.
HeredableNo
Móvil
Valor calculadoColor calculado.
/* <color> valores */ 
border-bottom-color: red;
border-bottom-color: #ffbb00;
border-bottom-color: rgb(255, 0, 0);
border-bottom-color: hsla(100%, 50%, 25%, 0.75);
border-bottom-color: currentcolor;
border-bottom-color: transparent;

/* valores globales */ 
border-bottom-color: inherit;
border-bottom-color: initial;
border-bottom-color: unset;

Ejemplos y aplicaciones

En el siguiente ejemplo, estableceremos un marco inferior para los elementos que son verdes <div>border-bottom-color) y ancho ( border-bottom-width) iguales 4pxborder-bottom-style punteados ( ). 

Código HTML:

< div > Este elemento tiene un marco en su borde inferior </ div >

Código CSS:

div {
  border-bottom-style: dotted;
  border-bottom-width: 4px;
  border-bottom-color: green;
  padding: 0.5em;
}

Soporte de navegadores

CaracterísticaChromeFirefoxIEÓperaSafari
Soporte básico1.01.043,51.0

Características generales

La propiedad acepta border-bottom-color un valor.

<color>

Color del marco inferior.

Estructura formal

border-bottom-color: <color>;

Vea también

  • La página de propiedades establecida por la propiedad de acceso directo border-bottomborder-bottom-widthborder-bottom-style.
  • La página de propiedades establecido por la propiedad de acceso directo borderborder-widthborder-style, y border-color.
  • Configure una imagen para el marco usando la función border-image.
  • Esquinas redondeadas y border-radius esquinas inferiores .border-bottom-left-radius, .border-bottom-right-radius
  • La propiedad color que establece el color del elemento y el valor del color <color>.