CSS: propiedad de fondo de borde

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:

valordescribir
#RRGGBBrepresentació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); }
nombreEl nombre del color de fondo del borde (es decir, rojo, azul, negro, blanco)
p {color inferior del borde: rojo;}
transparenteNo muestre los bordes pero aún así ocupe espacio en la página
p { color de fondo del borde: transparente; }
heredarEl 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.

(Visited 11 times, 1 visits today)