Sintassi

Significato dei valori principali:

• ltr: (left-to-right) Imposta la direzione del testo da sinistra verso destra. È il valore predefinito per la maggior parte delle lingue occidentali (come italiano, inglese, francese).

• rtl: (right-to-left) Imposta la direzione del testo da destra verso sinistra. Usato in lingue come arabo, ebraico, urdu.

• initial: Ripristina il valore predefinito del browser.

• inherit: Eredita il valore dal suo elemento genitore.

Esempio proprietà: direction

Codice Esempio: direction

CODE: CSS

1. .ltr-example {

2.   direction: ltr;

3.   border: 1px solid #ccc;

4.   padding: 10px;

5.   margin-bottom: 10px;

6.   background-color: #f0f0f0;

7. }

9. .rtl-example {

10.   direction: rtl;

11.   border: 1px solid #ccc;

12.   padding: 10px;

13.   background-color: #e6f2ff;

14. }

Contenuto Esempio: direction

  
  <style>
    .ltr-example {
      direction: ltr;
      border: 1px solid #ccc;
      padding: 10px;
      margin-bottom: 10px;
      background-color: #f0f0f0;
    }

    .rtl-example {
      direction: rtl;
      border: 1px solid #ccc;
      padding: 10px;
      background-color: #e6f2ff;
    }
  </style>

  <div class="ltr-example">
    Testo in direzione LTR (da sinistra a destra): Questo è un esempio di layout standard.
  </div>

  <div class="rtl-example">
    هذا نص باللغة العربية يعرض من اليمين إلى اليسار
  </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