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 color del borde izquierdo
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada color del borde izquierdo Con sintaxis y ejemplos.
describir
La propiedad CSS border-left-color define el color del borde izquierdo de un cuadro.
sintaxis
La sintaxis de la propiedad CSS border-left-color es:
border-left-color: value;parámetro o parámetro
valor
El color del borde izquierdo. Puede ser uno de los siguientes:
| valor | describir |
|---|---|
| #RRGGBB | Representación hexadecimal del color del borde izquierdo div {color del borde izquierdo: #000000; } |
| RGB() | Representación RGB del color del borde izquierdo div { color del borde izquierdo: rgb(0,0,0); } |
| nombre | El nombre del color del borde izquierdo (es decir: rojo, azul, negro, blanco) div {color del borde izquierdo: negro;} |
| transparente | No muestre los bordes pero aún así ocupe espacio en la página div { color del borde izquierdo: transparente; } |
| heredar | El elemento heredará el color del borde izquierdo de su elemento principal. div { borde-izquierda-color: heredar; } |
notas
- Asegúrese de establecer también la propiedad border-left-style para garantizar que aparezca un borde izquierdo.
- Consulte también las propiedades border-left-style, border-left-width y border-left.
- ¿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-left-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-left-color a continuación, explorando ejemplos de cómo usarla en CSS.
uso hexadecimal
Veamos un ejemplo de CSS de border-left-color donde proporcionamos un valor hexadecimal para la propiedad border-left-color.
div { border-left-color: #FF0000; border-left-style: solid; }En este ejemplo de color de borde izquierdo, proporcionamos un valor hexadecimal de #FF0000, que será
Usar RGB
También podemos proporcionar valores de color de borde izquierdo usando rgb.
div { border-left-color: rgb(255,0,0); border-left-style: solid; }En este ejemplo de color de borde izquierdo, rgb(255,0,0) también
Usar nombres de colores
Veamos un ejemplo de CSS border-left-color donde proporcionamos el valor como un color con nombre.
div { border-left-color: red; border-left-style: solid; }En este ejemplo de color izquierdo del borde CSS, proporcionamos el nombre “rojo”, que también establece el borde izquierdo en rojo.