Une propriété-raccourci est une propriété qui permet de définir plusieurs propriétés en une seule fois (et ainsi de prendre un raccourci). Ces propriété-raccourcis sont à utiliser chaque fois que c'est possible car le code obtenu est plus compact.

### Propriété raccourci font

La propriété-raccourci font permet de définir en une fois :

- l'italique (ie font-style)
- les petites majuscules (ie font-variant)
- la graisse (ie font-weight)
- la taille (ie font-size)
- la hauteur de ligne (ie line-height)
- les polices (ie font-family)

Propriété raccourci font

Les valeurs pour le style, les petites majuscules, la graisse et la hauteur de ligne peuvent être absentes.

Les valeurs pour la taille et la ou les polices doivent être présentes.

    /* raccourci habituel */
    html {
    	font: 13px/1.5 Verdana, Geneva, sans-serif;
    }

    /* ne fonctionne pas car il manque la taille */
    .important-mauvais {
    	font: small-caps bold Arial;
    }

    .important-ok {
    	font: small-caps bold 13px Arial;
    }

    /* ne fonctionne pas car il manque la famille */
    h3 {
    	font: bold 2em/2em;
    }

Exemple : raccourci font
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>Les CSS</title> <link href="styles.css" rel="stylesheet"> </head> <body> <p>La Guerre des Etoiles du Milieu</p> <p>Il y a bien longtemps dans une <strong>lointaine galaxie</strong>, les <strong>Gentils Jedis</strong> de la Fédération de l'Empire du Commerce de la République se battent contre les <strong>Méchants Gobelins</strong> de la Comté du Mordor de l'infâme Sauron. </p> </body> </html>
Fichier CSS : styles.css
html { font: 16px/1.5 Tahoma, Geneva, Verdana, sans-serif; } p:first-of-type { font: small-caps 20px/2em Arial; } strong { font: italic bold 16px Arial; }

Attention si tous les éléments du raccourci ne sont pas déclarés. Par exemple dans

    p { line-height: 16px; }
    p { font: 12px Arial; }

la valeur de la propriété line-height ne sera pas `16px` mais `normal` car le raccourci lui aura affecté sa valeur par défaut, écrasant la valeur précédemment donnée.