in

Propiedad de color de borde de CSS

Más ejemplos de «Pruébelo usted mismo» a continuación.


Definición y uso

los border-color La propiedad establece el color de los cuatro bordes de un elemento. Esta propiedad puede tener de uno a cuatro valores.

Si la propiedad border-color tiene cuatro valores:

  • color del borde: rojo, verde, azul, rosa;
    • el borde superior es rojo
    • el borde derecho es verde
    • el borde inferior es azul
    • el borde izquierdo es rosa

Si la propiedad border-color tiene tres valores:

  • color del borde: rojo, verde, azul;
    • el borde superior es rojo
    • los bordes derecho e izquierdo son verdes
    • el borde inferior es azul

Si la propiedad border-color tiene dos valores:

  • color del borde: rojo verde;
    • los bordes superior e inferior son rojos
    • los bordes derecho e izquierdo son verdes

Si la propiedad border-color tiene un valor:

Nota: Declare siempre la propiedad de estilo de borde antes de border-color
propiedad. Un elemento debe tener bordes antes de poder cambiar el color.

Valor por defecto: El color actual del elemento
Heredado: no
Animable: si. Leer acerca de animable
Intentalo
Versión: CSS1
Sintaxis de JavaScript: objeto.style.borderColor = «# FF0000 blue» Pruébelo

Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.

Propiedad
color del borde 1.0 4.0 1.0 1.0 3,5


Sintaxis CSS

color del borde: color| transparente | inicial | heredar;

Valores de propiedad

Valor Descripción Juegalo
color Especifica el color del borde. Consulte Valores de color de CSS para obtener una lista completa de los posibles valores de color. El color predeterminado es el color actual del elemento Juegalo «
transparente Especifica que el color del borde debe ser transparente Juegalo «
inicial Establece esta propiedad en su valor predeterminado. Leer acerca de inicial Juegalo «
heredar Hereda esta propiedad de su elemento padre. Leer acerca de heredar

Más ejemplos

Ejemplo

Establezca un color para el borde con un valor HEX:

div {color del borde: # 92a8d1;}

Inténtalo tú mismo »

Ejemplo

Establezca un color para el borde con un valor RGB:

div {color del borde: rgb (201, 76, 76);}

Inténtalo tú mismo »

Ejemplo

Establezca un color para el borde con un valor RGBA:

div {border-color: rgba (201, 76, 76, 0.3);}

Inténtalo tú mismo »

Ejemplo

Establezca un color para el borde con un valor HSL:

div {border-color: hsl (89, 43%, 51%);}

Inténtalo tú mismo »

Ejemplo

Establezca un color para el borde con un valor HSLA:

div {border-color: hsla (89, 43%, 51%, 0.3);}

Inténtalo tú mismo »

Ejemplo

Establezca un color de borde diferente para cada lado de un elemento:

div.ex1 {color del borde: # 0000ff;}
div.ex2 {color del borde: # ff0000 # 0000ff;}
div.ex3 {color del borde: # ff0000 # 00ff00 # 0000ff;}
div.ex4 {color del borde: # ff0000 # 00ff00 # 0000ff rgb (250,0,255);}

Inténtalo tú mismo »


páginas relacionadas

Tutorial CSS: Borde CSS

Referencia HTML DOM: propiedad borderColor

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Compresión avanzada | Oráculo

compilation process in c

Proceso de compilación en C – javatpoint