This page has been robot translated, sorry for typos if any. Original content here.

Mise en forme du texte

Mise en forme du texte

Lorsque vous remplissez des pages Web avec une mise en forme de texte au format HTML, vous devez traiter plus que d’autres éléments, et si ce n’est le cas pour les styles , cette activité a été longue et monotone. Les feuilles de style en cascade avec leur dernière spécification CSS 2.0 peuvent donner au texte toutes les options de formatage. Bien qu'il existe de nombreux manuels sur ce sujet, vous pouvez aborder ce sujet plus simplement. Alors ...

Donc, en utilisant la propriété de famille du langage HTML, vous pouvez spécifier la police de caractères. Les valeurs sont le nom de la police ou mieux leur liste par ordre de priorité. Vous pouvez utiliser les classifications de police dans les valeurs: serif (avec empattements), sans-serif (sans empattements), monospase (monospace), cursive (oblique), fantaisie (arbitraire).

Taille de police - définit la taille de la police en HTML. Dans les valeurs, vous pouvez spécifier les deux valeurs numériques en unités de mesure et utiliser les mots-clés suivants:

  • Moyen - sa valeur définit la taille de police par défaut.
  • petit - 20% de moins que moyen ;
  • x-small - 20% de moins que petit ;
  • xx-small - 20% de moins que x-small ;
  • grand - 20% de plus que moyen ;
  • x-large - 20% de plus que large ;
  • xx-large - 20% de plus que x-large .

Par type, la police changera en HTML en utilisant la propriété font-style et ses valeurs: normal ( par défaut ), italique ( italique ), oblique ( oblique ). En termes d'épaisseur, la police ajuste la propriété font-weight avec des valeurs normales ( par défaut ) et gras ( gras ). La hauteur des lettres minuscules est formée par - font-size-adjust , et si la valeur est small-casp dans une autre propriété font-variant , la police sera en majuscule et la taille en minuscule.

L' espacement des caractères est déterminé par la propriété d'espacement des lettres , mesurée en (em) . L'espacement entre les mots indique - espacement des mots. En utilisant la transformation de texte, la casse est modifiée au moyen des valeurs suivantes: majuscule (les premières lettres de tous les mots seront majuscules), minuscule (donne aux caractères un aspect minuscule), majuscule (forme des majuscules).

Lorsque vous alignez du texte sur une page à l'aide de html et css, la propriété text est utilisée avec les valeurs left (gauche), right (droite), center (centre), justufy (largeur de page). L'alignement vertical du texte ne peut apparaître que dans un tableau indiquant l'alignement vertical avec les valeurs haut (haut), bas (bas) et milieu (milieu).

Lorsque vous spécifiez la distance entre les lignes, vous devrez utiliser la propriété line-height , dont les valeurs peuvent être mesurées dans toutes les unités disponibles, ainsi qu'en pourcentage. Lors de l'attribution de l'indentation pour commencer un paragraphe, text-indent est déjà utilisé, avec les mêmes valeurs.

Les espaces sont formatés avec la participation de la propriété white-space et de ses trois valeurs: normal (les caractères de plusieurs espaces sont convertis en un), pre (ne sera pas converti en un), nowrap (le texte sera transféré avec des balises spéciales).

La décoration de texte crée des attributs supplémentaires au texte sous la forme soulignement , barré ( trait continu) et barré ( surligné ).

À l'aide de CSS, vous pouvez également formater des listes , quelles que soient leurs variétés. Vous pouvez spécifier les éléments suivants dans les valeurs de la propriété list-style-type :

  • disque, cercle, carré - un marqueur sous la forme d'un cercle, d'un cercle et d'un carré remplis, respectivement, pour une liste donnée.
  • lower-roman et upper-roman - numérotant la liste avec des chiffres romains en tailles petites et grandes, respectivement, pour la liste appliquée.
  • lower-alpha et upper-alpha - numérotation en lettres latines minuscules et majuscules.
  • decimal - numérotation de la liste à l'aide de CSS en chiffres arabes.
  • none - pas de numérotation ni de puces pour les listes.

La propriété list-style-image permet d'utiliser une petite image comme marqueur. Pour ce faire, vous devez définir son adresse et son nom. Exemple: list-style-image: url ( adresse / nom du fichier )

L'indentation à partir des bords est contrôlée par la propriété list-style -position à l'aide des valeurs dedans (augmenter) et dehors (diminuer).

Si vous avez suffisamment appris tous les détails d'un didacticiel de formatage de texte, exécutez n'importe quel éditeur HTML sur votre ordinateur. Trouvez le CSS là-bas et commencez à l'école pour vous entraîner.