Propiedad de color fronterizo en CSS
La propiedad del color de la frontera acepta los colores en múltiples tendencias, como el nombre exacto de los colores, una representación hexadecimal del color y las representaciones RGB/RGBA.
Este artículo proporciona las posibles formas de establecer la propiedad del color fronterizo de un elemento HTML.
Cómo funciona la propiedad del color fronterizo en CSS
Un elemento está rodeado por cuatro bordes, arriba, abajo, inferior y superior. La propiedad del color de la frontera en CSS sigue la sintaxis que se proporciona a continuación:
border-color: valor;La palabra clave del color del borde sigue siendo la misma, mientras que el valor depende del requisito del usuario y puede ser el nombre de color exacto, el valor hexadecimal del color o la combinación RGB/RGBA.
Cómo usar la propiedad de color fronterizo en CSS
Esta sección se compone de varios escenarios para aplicar la propiedad del color fronterizo en CSS.
Ejemplo 1: Uso de la combinación RGB
En la computación, el RGB (azul rojo verde) es el estándar ampliamente utilizado cuando pasa por la gestión del color. El valor de R, G y B varía de 0 a 255 y cada combinación de valores devuelve un color diferente.
Por ejemplo, el siguiente código HTML practica la clase CSS interna para establecer el color del borde.
Bienvenido a Linuxhint
La imagen del código de arriba se proporciona a continuación:
Producción:
Ejemplo 2: Uso de la combinación RGBA
El RGBA (rojo, verde, azul, alfa) es una extensión de RGB, y el alfa representa la transparencia del color. El valor alfa varía de 0.0 a 1.0 (0.0 es el menos transparente y 1.0 es el más transparente). El código proporcionado a continuación practica el CSS interno para aplicar RGBA:
Bienvenido a Linuxhint
Se crea una clase CSS llamada "Bor-Color" que contiene la propiedad del color del borde. Esta clase se usa en el elemento de párrafo del cuerpo.
Producción:
Ejemplo 3: Usando el nombre de un color
El nombre de color exacto se puede usar para especificar el color del borde como se ilustra en el siguiente código
Bienvenido a Linuxhint
El código HTML anterior contiene,
- una etiqueta de estilo para agregar una clase CSS llamada "Bor-Col" para establecer el color de la frontera
- y se crea un párrafo asociado con la clase CSS
Producción:
Ejemplo 4: Uso del valor hexadecimal del color
El valor hexadecimal de un color también se puede usar para el color del borde. El siguiente código practica el código hexadecimal de color negro para usarlo para el color del borde:
Bienvenido a Linuxhint
Una clase CSS se define en el código anterior para establecer el color de borde en formato hexadecimal y se crea un párrafo para usar esa clase CSS.
Producción:
Ejemplo 5: Uso de la propiedad del color de la frontera en las fronteras individuales
La propiedad del color de la frontera se subdivide en el color del borde del fondo, el color de la frontera, el color de la frontera y el color de la izquierda fronteriza para colorear los lados del borde. Se practica el siguiente código para dar colores a los lados de borde individualmente.
La parte superior del borde está coloreada
El lado derecho del borde está coloreado
El lado inferior del borde está coloreado
El lado izquierdo del borde está coloreado
En el código escrito anteriormente,
- Cuatro clases de CSS se crean como "arriba", "derecha", "inferior" e "izquierda" que se utilizan para aplicar "color de borde", "colorante de colorante", "color de fondo de borde ", Y" color de la izquierda fronteriza ".
- Las fronteras del párrafo tienen un estilo sólido
- Se crean cuatro párrafos y cada uno contiene una clase CSS
Producción:
Conclusión
La propiedad del color de la frontera del CSS permite cambios en el color del borde de acuerdo con los requisitos. Esta publicación descriptiva proporciona la demostración del uso de la propiedad del color del borde en CSS para cambiar el color del borde. Existen numerosas formas de hacerlo, la propiedad del color de la frontera acepta los colores en múltiples tendencias, como el nombre exacto del color, una representación hexadecimal del color y las representaciones RGB/RGBA. Al final, habría aprendido la aplicación de la propiedad del color fronterizo en CSS explorando múltiples escenarios establecidos en esta guía.