CSS | Propiedad border-right-color

La propiedad border-right-color se utiliza para establecer el color del borde derecho de un elemento. Es obligatorio declarar la propiedad border-style o border-left-style antes que la propiedad border-right-color.

Sintaxis:

border-right-color: color|transparent|initial|inherit;

Valores de propiedad

color: Establece el color del borde derecho del Elemento.

Sintaxis:
```
border-right-color: color;
```

Ejemplo:

<!DOCTYPE html>
<html>
  
<head>
    <title>
       CSS | border-right-color Property
    </title>
    <style>
        h1 {
            color: green;
        }
          
        h3 {
            border: 2px solid green;
            border-right-color: red;
            width: 50%;
        }
    </style>
</head>
  
<body>
    <center>
  
        <h1>GeeksForGeeks</h1>
        <h2>border-right-color:color;</h2>
        <h3>GeeksForGeeks</h3>
        
        <p style="border-style:dotted;
                  border-right-color:coral;
                  width:70%;">
            It is a computer science portal for geeks.</p>
  
</body>
  
</html>

Producción:

Transparente: especifica el valor transparente del borde derecho.

Sintaxis:
```
border-right-color:transparent;
```

Ejemplo:

<!DOCTYPE html>
<html>
  
<head>
    <title>
       CSS | border-right-color Property
    </title>
    <style>
        h1 {
            color: green;
        }
          
        h3 {
            border: 2px solid green;
            border-right-color: transparent;
            width: 50%;
        }
    </style>
</head>
  
<body>
    <center>
  
        <h1>GeeksForGeeks</h1>
        <h2>border-right-color:transparent;</h2>
        <h3>GeeksForGeeks</h3>
        <p style="border-style:dotted;
                  border-right-color:transparent;
                  width:70%;">
          It is a computer science portal for geeks.</p>
  
</body>
  
</html>

Producción:

initial: Establece la Propiedad a su valor por defecto.

Sintaxis:
```
border-right-color:initial;
```

Ejemplo:

<!DOCTYPE html>
<html>
  
<head>
    <title>
       CSS | border-right-color Property
    </title>
    <style>
        h1 {
            color: green;
        }
          
        h3 {
            border: 2px solid green;
            border-right-color: initial;
            width: 50%;
        }
    </style>
</head>
  
<body>
    <center>
  
        <h1>GeeksForGeeks</h1>
        <h2>border-right-color:initial;</h2>
        <h3>GeeksForGeeks</h3>
        
        <p style="border-style:dotted;
                  border-right-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-right-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 Cancelar la respuesta