/ Published in: CSS

Les propriétés racourcies
Exemple avec la propriété raccourcie 'font':
En clair vous pouvez résumer ça:
p {
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-family: verdana,serif;
}
par ça:
p { font: 1em/1.5em bold italic small-caps verdana,serif; }
Attention, cette propriété raccourcie ne fonctionnera que si vous spécifiez à la fois la valeur pour font-size et celle de font-family. Si vous ne spécifiez pas les valeurs pour font-weight, font-style ou font-variant, alors ces valeurs seront définies automatiquement à la valeur normal.
Exemple avec la propriété raccourcie 'font':
En clair vous pouvez résumer ça:
p {
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-family: verdana,serif;
}
par ça:
p { font: 1em/1.5em bold italic small-caps verdana,serif; }
Attention, cette propriété raccourcie ne fonctionnera que si vous spécifiez à la fois la valeur pour font-size et celle de font-family. Si vous ne spécifiez pas les valeurs pour font-weight, font-style ou font-variant, alors ces valeurs seront définies automatiquement à la valeur normal.
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
p { font: 1em/1.5em bold italic small-caps verdana,serif; }
Comments
