CSS text-emphasis-color
La proprietà CSS3 text-emphasis-color imposta il colore dei segni di enfasi
La proprietà text-emphasis-color viene utilizzata per specificare il colore dei segni decorativi applicati al testo, in combinazione con text-emphasis-style. Accetta qualsiasi valore di colore CSS valido, come esadecimale, RGB, HSL o parole chiave come red, blue, black, ecc.
Sintassi
Significato dei valori principali:
-
color: definisce il colore con cui verranno visualizzati i simboli di enfasi. Può essere espresso in formato esadecimale (
#ff0000), RGB (rgb(255, 0, 0)), HSL (hsl(0, 100%, 50%)), o parole chiave comered,blue,black, ecc.
Esempio proprietà: text-emphasis-color
Codice Esempio: text-emphasis-color
.text-emphasis-color-example {
font-size: 28px;
text-emphasis-style: '◆';
text-emphasis-color: blue;
writing-mode: horizontal-tb;
}
Contenuto Esempio: text-emphasis-color
Esempio di utilizzo di text-emphasis-color
In questo esempio, la proprietà text-emphasis-color viene usata per applicare un colore blu ai segni di enfasi nel testo:
CSS e HTML per l'elemento con text-emphasis-color:
<style>
.text-emphasis-color-example {
font-size: 28px;
text-emphasis-style: '◆';
text-emphasis-color: blue;
writing-mode: horizontal-tb;
}
</style>
<div class="text-emphasis-color-example">
Testo con enfasi blu
</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
IP: 216.73.216.108
