CSSTypographie


Syntaxe

  • font: [ font-style ] [font-variant] [font-weight] font-size [/ line-height] font-family ;
  • style de police : style de police
  • variante de police : variante de police
  • poids de la police : poids de la police ;
  • taille de la police : taille de la police ;
  • line-height: hauteur de la ligne ;
  • font-family: font-family ;
  • couleur: couleur ;
  • quotes: none | string | initial | inherit ;
  • font-stretch: font-stretch ;
  • text-align: text-align ;
  • text-indent: length | initial | inherit ;
  • text-overflow: clip | ellipsis | string | initial | inherit ;
  • text-transform: none | majuscule | majuscule | minuscule | initial |
  • text-shadow: h-ombre v-shadow blur-radius couleur | none | initial | hérite ;
  • font-size-adjust: number | none | initial | inherit;
  • font-stretch: ultra-condensé | extra-condensé | condensé | semi-condensé | normal | semi-étendu | développé | extra-étendu | ultra-étendu | initial | hérité;
  • traits d'union: aucun | manuel | auto ;
  • tab-size: nombre | length | initial | inherit ;
  • interligne: normal | length | initial | inherit ;
  • espacement des mots: normal | length | initial | inherit ;

Paramètres

Paramètre Détails
le style de police italics ou oblique
variante de police normal ou small-caps
poids de la police normal , bold ou numérique de 100 à 900.
taille de police La taille de la police donnée en % , px , em ou toute autre mesure CSS valide
hauteur de la ligne La hauteur de ligne donnée en % , px , em ou toute autre mesure CSS valide
famille de polices C'est pour définir le nom de la famille.
Couleur Toute représentation de couleur CSS valide, comme le red , #00FF00 , hsl(240, 100%, 50%) etc.
étirer la police Utiliser ou non un visage confisqué ou étendu à partir de la police. Les valeurs valides sont normal , ultra-condensed , extra-condensed , condensed , semi-condensed , semi-expanded , expanded , extra-expanded ou ultra-expanded
aligner le texte start , end , left , right , center , justify , match-parent
décoration de texte none , underline , overline , line-through , initial , inherit ;

Remarques

  • La propriété text-shadow n'est pas prise en charge par les versions d'Internet Explorer inférieures à 10.

Typographie Exemples Liés