disign.it | CSS: come condensare le proprietà font | a digital sign for a best design!
A digital sign for a best design
Css tips and tricks 3.767 visualizzazioni

CSS: come condensare le proprietà font

22/12/2011

Un bellissimo articolo descrive una tecnica conosciuta a pochi sul modo di condensare sei righe di dichiarazione CSS in una sola! Se, ad esempio, partiamo da una dichiarazione standard del tipo (sostituire le parentesi quadre con le parentesi graffe!)

    body [ 
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 13px; 
        font-weight: normal; 
        font-variant: small-caps; 
        font-style: italic; 
        line-height: 150%; 
    ] 

   
 seguendo questa sintassi
 
    body [ 
        font: font-style font-variant font-weight font-size/line-height font-family; 
    ] 

   
    riduciamo la nostra dichiarazione  a
   
    body [
        font: italic small-caps normal 13px/150% Arial, Helvetica, sans-serif; 
    ] 

   
    Per approfondire rimando all'articolo originale qui.

CSS: wrap del tag pre →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.