Sintassi

Significato dei valori principali:

• style: determina il simbolo usato come segno di enfasi. Può essere uno dei valori predefiniti come dot, circle, double-circle, triangle, oppure un carattere personalizzato tra virgolette singole, come '★'.

• color: imposta il colore dei segni di enfasi. Accetta qualsiasi valore di colore CSS valido (red, #ff0000, rgb(255,0,0), ecc.).

• position: definisce la posizione dei segni: over (sopra), under (sotto), oppure left/right (nei layout verticali).

Esempio proprietà: text-emphasis

Codice Esempio: text-emphasis

CODE: CSS

1. .text-emphasis-example {

2.   font-size: 28px;

3.   text-emphasis: '★' red over;

4.   writing-mode: horizontal-tb;

5. }

Contenuto Esempio: text-emphasis

  
  <style>
    .text-emphasis-example {
      font-size: 28px;
      text-emphasis: '★' red over;
      writing-mode: horizontal-tb;
    }
  </style>
  
  <div class="text-emphasis-example">
    Testo con enfasi personalizzata ★
  </div>
  

⚠️ Nota compatibilità:
Alcuni browser, come Firefox, supportano i simboli personalizzati e le proprietà text-emphasis-*, ma non riconoscono la forma abbreviata (text-emphasis: '★' red over;). Per massima compatibilità, usa le singole proprietà:

CODE: CSS

1. text-emphasis-style: '★';

2. text-emphasis-color: red;

3. text-emphasis-position: over;

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