CSS | Propiedad border-left-color

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

Deja una respuesta

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