Los datos expuestos en este blog, son solo de índole informativo. Por favor realiza siempre una copia de seguridad antes de realizar cualquier cambio en tu proyecto.
CSS: propiedad de fondo de borde
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada color de fondo del borde Con sintaxis y ejemplos.
describir
La propiedad CSS border-bottom-color define el color del borde inferior del cuadro.
sintaxis
La sintaxis de la propiedad CSS border-bottom-color es:
border-bottom-color: value;
parámetro o parámetro
valor
El color del borde inferior. Puede ser uno de los siguientes:
valor | describir |
---|---|
#RRGGBB | representación hexadecimal del color base del borde p {color inferior del borde: #FF0000; } |
RGB() | Representación RGB del color de fondo del borde p {color de fondo del borde: rgb(255,0,0); } |
nombre | El nombre del color de fondo del borde (es decir, rojo, azul, negro, blanco) p {color inferior del borde: rojo;} |
transparente | No muestre los bordes pero aún así ocupe espacio en la página p { color de fondo del borde: transparente; } |
heredar | El elemento heredará el color inferior del borde de su elemento principal p { color de fondo del borde: heredado; } |
notas
- Asegúrese de establecer también la propiedad border-bottom-style para garantizar que aparezca un borde inferior.
- Consulte también las propiedades border-bottom-style, border-bottom-width y border-bottom.
- ¿Necesita convertir sus valores de color a una representación diferente? Pruebe esta herramienta en línea para convertir sus valores de color entre hexadecimal y RGB.
Compatibilidad del navegador
La propiedad CSS border-bottom-color tiene soporte básico para los siguientes navegadores:
- Aleación de cromo
- androide
- Firefox (Geco)
- Firefox móvil (Geco)
- Navegador de Internet (IE)
- es decir, móvil
- ópera
- Ópera Móvil
- Safari (WebKit)
- Safari para móvil
ejemplo
Discutiremos la propiedad border-bottom-color a continuación, explorando ejemplos de cómo usarla en CSS.
uso hexadecimal
Veamos un ejemplo de color inferior del borde CSS en el que proporcionamos un valor hexadecimal para la propiedad del color inferior del borde.
p { border-bottom-color: #000000; border-bottom-style: solid; }
En este ejemplo de color base del borde, proporcionamos un valor hexadecimal de #000000, que sería
La etiqueta muestra un borde inferior negro. Asegúrese de aplicar el estilo de borde inferior para que aparezca el borde.
Usar RGB
También podemos proporcionar el valor del color del fondo del borde usando rgb.
p { border-bottom-color: rgb(0,0,0); border-bottom-style: solid; }
En este ejemplo del borde inferior del color, rgb(0,0,0) también
El borde inferior del marcador aparece en negro.
Usar nombres de colores
Veamos un ejemplo de un color inferior de borde CSS donde proporcionamos el valor como un color con nombre.
p { border-bottom-color: black; border-bottom-style: solid; }
En este ejemplo de color inferior del borde CSS, proporcionamos el nombre “negro”, que también establece el borde inferior en negro.