text-shadow (proprietà CSS) imposta l’ombreggiatura del testo dell’elemento HTML. Imposta l’ombreggiatura del testo, con relativa espansione e colore, ponendola a destra o sinistra nonché in alto o in basso del testo stesso. Analoga funzione ha la proprietà box-shadow relativamente agli elementi diversi testo.
Sintassi
[selettore] {
text-shadow: [-sinistra o +destra] [-alto o +basso] [livello espansione] [livello diffusione] [colore]
}
| valore | descrizione |
|---|---|
| XXX | XXX |
Esempi
<style>
.textshadow_1 {
text-shadow: 5px 5px 3px yellow;
}
.textshadow_2 {
text-shadow: -5px -5px 3px yellow;
}
.textshadow_1, .textshadow_2 {
font-size: 200%;
}
</style>
<p class="textshadow_1">Testo 1 Testo 1 Testo 1</p>
<p class="textshadow_2">Testo 2 Testo 2 Testo 2</p>
Testo 1 Testo 1 Testo 1
Testo 2 Testo 2 Testo 2
Contenuti correlati
- CSS
- HTML
- JavaScript
- jQuery
- PHP
- SQL
- WORDPRESS
0 Comment