Skip to main content

Text

Lors de la conception de pages web, la mise en forme du texte est essentielle pour améliorer la lisibilité et l'esthétique. CSS (Cascading Style Sheets) offre une multitude de propriétés pour contrôler la présentation du texte.

Sélection

La première étape pour formater le texte est de le sélectionner.
Cela peut être fait en ciblant directement les éléments HTML, tels que les balises <p>, <h1>, <span>, etc., ou en utilisant des sélecteurs de classe ou d'identifiant.

/* Ciblage direct */
p {
  /* Styles pour les paragraphes */
}

/* Ciblage par classe */
.title {
  /* Styles pour les éléments avec la classe "title" */
}

/* Ciblage par ID */
#main-heading {
  /* Styles pour l'élément avec l'ID "main-heading" */
}

Propriétés​

  • font-family : Définit la police de caractères utilisée pour le texte.
  • font-size : Spécifie la taille de la police.
  • font-weight : Contrôle l'épaisseur de la police (normale, gras, etc.).
  • font-style : Définit le style de police (normal, italique, oblique, etc.).
  • text-align : Aligne le texte horizontalement (gauche, droite, centré, justifié).
  • line-height : Contrôle la hauteur de ligne du texte.

Décoration​

CSS permet également de décorer le texte avec différentes propriétés :

  • text-decoration : Ajoute une décoration au texte (souligné, barré, etc.).
  • text-transform : Transforme le texte en majuscules, minuscules, ou capitales.
  • letter-spacing : Contrôle l'espacement entre les lettres.
  • word-spacing : Contrôle l'espacement entre les mots.

Color​

La couleur du texte peut être modifiée à l'aide de la propriété color.
Elle accepte une variété de formats de couleur, y compris les noms de couleurs prédéfinis, les valeurs hexadécimales ou RGB.