La propiedad border-left-color se utiliza para establecer el color del borde izquierdo de un elemento. Es obligatorio declarar la propiedad border-style o border-left-style antes que la propiedad border-left-color.
Sintaxis:
border-left-color: color|transparent|initial|inherit;
Valor predeterminado: el color actual del elemento
Color de los Valores de la Propiedad
: Establece el color del borde izquierdo del Elemento.
- Sintaxis:
border-left-color: color
- Ejemplo:
html
<!DOCTYPE html> <html> <head> <title> CSS | border-left-color Property </title> <style> h1 { color: green; } h3 { border: 2px solid green; border-left-color: red; width: 50%; } </style> </head> <body> <center> <h1>GeeksForGeeks</h1> <h2>border-left-color:color;</h2> <h3>GeeksForGeeks</h3> <!-- Sets the color--> <p style="border-style:dotted; border-left-color:coral; width:70%;"> It is a computer science portal for geeks.</p> </body> </html></li>
- Producción:
- Sintaxis:
border-left-color:transparent;
- Ejemplo:
html
<!DOCTYPE html> <html> <head> <title> CSS | border-left-color Property </title> <style> h1 { color: green; } h3 { border: 2px solid green; border-left-color: transparent; width: 50%; } </style> </head> <body> <center> <h1>GeeksForGeeks</h1> <h2>border-left-color:transparent</h2> <h3>GeeksForGeeks</h3> <!-- Sets the color to transparent--> <p style="border-style:dotted; border-left-color:transparent; width:70%;"> It is a computer science portal for geeks.</p> </body> </html>
- Producción:
- Sintaxis:
border-left-color:initial;
- Ejemplo:
html
<!DOCTYPE html> <html> <head> <title> CSS | border-left-color Property </title> <style> h1 { color: green; } h3 { border: 2px solid green; border-left-color: initial; width: 50%; } </style> </head> <body> <center> <h1>GeeksForGeeks</h1> <h2>border-left-color:initial;</h2> <h3>GeeksForGeeks</h3> <!-- Sets the color to its default value--> <p style="border-style:dotted; border-left-color:initial; width:70%;"> It is a computer science portal for geeks.</p> </body> </html>
- Producción :
Navegadores compatibles: los navegadores compatibles con la propiedad css border-left-color se enumeran a continuación:
- Google Chrome 1.0
- Internet Explorer 4.0
- Firefox 1.0
- Ópera 3.5
- Apple Safari 1.0
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA