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