Sintassi

Significato dei valori principali:

• colore_inizio: definisce il colore del bordo sul lato iniziale in linea (sinistro in scrittura LTR, destro in RTL). Può essere un valore come #3498db, rgb(52, 152, 219), o una parola chiave come blue.

• colore_fine: (opzionale) imposta il colore del bordo sul lato finale in linea (destro in scrittura LTR). Se omesso, viene utilizzato lo stesso colore del lato iniziale.

Esempio proprietà: border-inline-color

Codice Esempio: border-inline-color

CODE: CSS

1. .border-inline-color-example {

2.   width: 80%;

3.   padding: 20px;

4.   border-inline-width: 5px;

5.   border-inline-style: solid;

6.   border-inline-color: red blue;

7.   background-color: #fefefe;

8.   font-size: 20px;

9.   text-align: center;

10.   border-radius: 10px;

11.   direction: ltr;

12. }

Contenuto Esempio: border-inline-color

  
  <style>
    .border-inline-color-example {
      width: 80%;
      padding: 20px;
      border-inline-width: 5px;
      border-inline-style: solid;
      border-inline-color: red blue;
      background-color: #fefefe;
      font-size: 20px;
      text-align: center;
      border-radius: 10px;
      direction: ltr;
    }
  </style>

  <div class="border-inline-color-example">
      Colori diversi per i bordi in linea
  </div>
  

Note:
Le indicazioni dei Browser supportati sono superate grazie alla loro costante evoluzione, si consiglia di verificare la compatibilità dei vari browser eseguendo il test cliccando qui sotto.

Supporto Browser