La propiedad CSS border-bottom-color se usa para establecer el color del borde inferior de un elemento. Es obligatorio declarar la propiedad border-style o border-bottom-style antes de usar la propiedad border-bottom-color siempre que debe existir un borde antes de cambiar su color.
El valor actual del elemento es el color predeterminado de esta propiedad. CSS border-bottom-property se puede animar pero no se puede heredar.
Sintaxis
border-bottom-color: color|transparent|initial|inherit;
Valor predeterminado: su valor predeterminado es inicial.
Valores de propiedad: Los valores de propiedad border-bottom-color se enumeran a continuación:
- color: Especifica el color del borde inferior.
- transparente: Especifica que el color del borde debe ser transparente.
- initial: Se utiliza para establecer su valor por defecto.
- heredar: se usa cuando un elemento hereda esta propiedad de su elemento padre.
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
CSS | border-bottom-color Property
</title>
<style>
h1 {
border-bottom-style: solid;
border-bottom-color: green;
}
div {
border-style: solid;
border-bottom-color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<div>I am a div with green bottom border. </div>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con la propiedad border-bottom-color se enumeran a continuación:
- Google Chrome 1.0
- Internet Explorer 4.0
- Firefox 1.0
- Safari 1.0
- Ópera 3.5
Publicación traducida automáticamente
Artículo escrito por chaitanyashah707 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA