CSS: propiedad de color 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 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

La etiqueta muestra un borde derecho azul. Asegúrese de aplicar el estilo de borde derecho para que aparezca el borde.

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

El borde derecho de la etiqueta se muestra en azul.

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.

(Visited 15 times, 1 visits today)