CSS - allungamento dei caratteri

Descrizione

La proprietà font-stretch rende i caratteri del testo più larghi o più stretti della larghezza predefinita dei caratteri font.s.

Possibili valori

  • ultra-condensed - I caratteri di testo nell'elemento verranno ridotti estremamente.

  • extra-condensed - I caratteri di testo nell'elemento verranno ridotti in modo significativo.

  • condensed - I caratteri di testo nell'elemento verranno ridotti, più che se il valore fosse semi-condensato.

  • semi-condensed - I caratteri di testo nell'elemento verranno leggermente ridotti, rendendoli più stretti rispetto a se il valore fosse normale.

  • normal - I caratteri di testo nell'elemento sono di larghezza normale.

  • semi-expanded - I caratteri del testo nell'elemento saranno leggermente allargati, rendendoli più larghi che se il valore fosse normale.

  • expanded - I caratteri del testo nell'elemento verranno allargati, rendendoli più larghi rispetto a se il valore fosse semi-espanso.

  • extra-expanded - I caratteri del testo nell'elemento verranno notevolmente ampliati, rendendoli più larghi che se il valore fosse espanso.

  • ultra-expanded - I caratteri del testo nell'elemento verranno ampliati estremamente, rendendoli più larghi rispetto a se il valore fosse espanso extra.

  • wider - La larghezza dei caratteri di testo nell'elemento sarà maggiore di quella del loro elemento genitore.

  • narrower - La larghezza dei caratteri di testo nell'elemento sarà inferiore a quella del loro elemento genitore.

Si applica a

Tutti gli elementi HTML.

Sintassi DOM

object.style.fontStretch = "expanded";

Esempio

Ecco l'esempio che utilizza questa proprietà:

<html>
   <head>
   </head>

   <body>
      <p style = "font-stretch:ultra-expanded;">
         If this doesn't appear to work, it is likely that your computer 
         doesn't have a <br>condensed or expanded version of the font being used.
      </p>
   </body>
</html>

Questo produrrà il seguente risultato: