Sintassi

Significato dei valori principali:

• over: posiziona i segni di enfasi sopra il testo. È il valore predefinito per i layout orizzontali.

• under: posiziona i segni di enfasi sotto il testo. Utile per stili di presentazione alternativi.

• right: posiziona i segni a destra del testo, utilizzato nei layout verticali.

• left: posiziona i segni a sinistra del testo, anch'esso per layout verticali.

Esempio proprietà: text-emphasis-position

Codice Esempio: text-emphasis-position

CODE: CSS

1. .text-emphasis-position-example {

2.   font-size: 28px;

3.   text-emphasis-style: '◉';

4.   text-emphasis-color: #ff4500;

5.   text-emphasis-position: under;

6.   writing-mode: horizontal-tb;

7. }

Contenuto Esempio: text-emphasis-position

  
  <style>
    .text-emphasis-position-example {
      font-size: 28px;
      text-emphasis-style: '◉';
      text-emphasis-color: #ff4500;
      text-emphasis-position: under;
      writing-mode: horizontal-tb;
    }
  </style>
  
  <div class="text-emphasis-position-example">
    Testo con enfasi sotto
  </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