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