Text-decoration e text-transform

Proprietà per decorare e trasformare il testo.

text-decoration

a { text-decoration: none; } /* Rimuove sottolineatura */
.underline { text-decoration: underline; }
.strike { text-decoration: line-through; }
.overline { text-decoration: overline; }

/* Stile avanzato */
.fancy {
  text-decoration: underline wavy red;
}

text-transform

.uppercase { text-transform: uppercase; } /* TUTTO MAIUSCOLO */
.lowercase { text-transform: lowercase; } /* tutto minuscolo */
.capitalize { text-transform: capitalize; } /* Prima Lettera Maiuscola */

text-shadow

.shadow {
  text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
  /* offset-x offset-y blur color */
}

Hai trovato utile quest'articolo?

  • Introduzione al CSS

    Il CSS (Cascading Style Sheets) è il linguaggio utilizzato per definire lo stile e la presentazione ...
  • Selettori CSS di base

    I selettori CSS permettono di identificare gli elementi HTML a cui applicare gli stili.Tipi di selet...
  • Proprietà color e background

    Le proprietà color e background sono fondamentali per definire l'aspetto visivo degli elementi.Propr...
  • Margin e Padding

    Margin e Padding controllano lo spazio intorno e dentro gli elementi.Differenza chiaveMargin: spazio...
  • Box Model CSS

    Il Box Model è il concetto fondamentale che descrive come ogni elemento HTML è rappresentato come un...