Sintassi

Significato dei valori principali:

• thin: bordo sottile (valore di default per border-width).

• medium: bordo di larghezza media (valore predefinito per questa proprietà).

• thick: bordo spesso.

• <lunghezza>: valore personalizzato in unità CSS, ad esempio 2px, 0.5em, 4mm, ecc.

Se si specifica un solo valore, questo viene applicato ad entrambi i lati inline (start e end). Se si specificano due valori, il primo si applica al lato inline-start, il secondo al lato inline-end.

Esempio proprietà: border-inline-width

Codice Esempio: border-inline-width

CODE: CSS

1. .border-inline-width-example {

2.   width: 80%;

3.   padding: 20px;

4.   border-inline-style: solid;

5.   border-inline-width: 10px 2px;

6.   border-inline-color: #27ae60 #e74c3c;

7.   background-color: #ecf0f1;

8.   font-size: 20px;

9.   text-align: center;

10.   direction: ltr;

11.   border-radius: 8px;

12. }

Contenuto Esempio: border-inline-width

  
  <style>
    .border-inline-width-example {
      width: 80%;
      padding: 20px;
      border-inline-style: solid;
      border-inline-width: 10px 2px;
      border-inline-color: #27ae60 #e74c3c;
      background-color: #ecf0f1;
      font-size: 20px;
      text-align: center;
      direction: ltr;
      border-radius: 8px;
    }
  </style>

  <div class="border-inline-width-example">
      Bordo inline-start spesso e inline-end sottile
  </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