Comment augmenter l'espace entre les lettres. Comment changer l'espacement des lettres dans Word

Détermine l'espacement entre les caractères dans un élément. Les navigateurs définissent généralement l'espacement entre les caractères en fonction du type et du type de police, de sa taille et de ses paramètres. système opérateur... Pour modifier cette valeur, cette propriété est appliquée. Il est permis d'utiliser une valeur négative, mais dans ce cas, vous devez vous assurer que la lisibilité du texte est préservée.

brève information

Désignations

La descriptionExemple
<тип> Indique le type de valeur.<размер>
UN BLes valeurs doivent être affichées dans l'ordre indiqué.<размер> && <цвет>
A | BIndique qu'une seule des valeurs suggérées doit être sélectionnée (A ou B).normale | en minuscule
Un || BChaque valeur peut être utilisée seule ou conjointement avec d'autres dans n'importe quel ordre.largeur || compter
Valeurs des groupes.[culture || traverser]
* Répétez zéro ou plusieurs fois.[,<время>]*
+ Répétez une ou plusieurs fois.<число>+
? Le type, le mot ou le groupe spécifié est facultatif.encart?
(UN B)Répétez au moins A, mais pas plus de B fois.<радиус>{1,4}
# Répétez une ou plusieurs fois, séparés par des virgules.<время>#
×

Les valeurs

Toutes les unités de longueur acceptées dans CSS sont acceptées comme valeurs - par exemple, pixels (px), pouces (in), points (pt), etc. Le meilleur résultat est donné en utilisant unités relatives en fonction de la taille de la police (em et ex).

Normal Définit l'espacement entre les caractères comme d'habitude.

bac à sable

Winnie l'ourson n'était pas toujours opposée à un petit rafraîchissement, surtout à onze heures du matin, car à cette heure le petit déjeuner était déjà terminé depuis longtemps, et le dîner n'avait pas encore pensé à commencer. Et, bien sûr, il était terriblement heureux de voir Rabbit sortir des tasses et des assiettes.

div (espacement des lettres : 0 ;)

Exemple

l'espacement des lettres

Le point culminant, après une analyse minutieuse, barre essentiellement le grand cercle équatorial de la sphère céleste, comme cela s'est produit en 1994 avec la comète Cordonnier-Levy 9.



Résultat cet exemple montré dans la Fig. un.

Riz. 1. Application de la propriété d'espacement des lettres

Modèle d'objet

Un objet.style.letterSpacing

spécification

Chaque spécification passe par plusieurs étapes d'approbation.

  • Recommandation - Cette spécification a été approuvée par le W3C et recommandée comme norme.
  • Recommandation du candidat ( Recommandation possible) - le groupe responsable de la norme est convaincu qu'elle atteint ses objectifs, mais l'aide de la communauté des développeurs est requise pour la mise en œuvre de la norme.
  • Recommandation proposée ( Recommandation suggérée) - À ce stade, le document est soumis au Conseil consultatif du W3C pour approbation finale.
  • Ébauche de travail - Une version plus mature de l'ébauche après discussion et amendements pour examen par la communauté.
  • Brouillon de l'éditeur ( Ébauche éditoriale) - une version brouillon de la norme après édition par les éditeurs du projet.
  • Brouillon ( Projet de spécification) est la première ébauche de la norme.
×

Alignement des distances

Envisager alignement verticalà une distance donnée. La propriété d'alignement vertical est très simple : elle déplace un élément vers le haut ou vers le bas d'une distance spécifiée. Donc l'expression align vertical : 5px; déplacera l'élément vers le haut de cinq pixels par rapport à sa position d'origine. Les longueurs négatives déplacent l'élément vers le bas. Cette forme simple d'alignement n'était pas dans CSS1, mais elle a été ajoutée dans CSS2.

Il est important de comprendre que le texte aligné verticalement ne fait pas partie d'une autre ligne ou ne chevauche pas le texte sur d'autres lignes. Jetez un œil à la fig. 6.18, où une partie du texte aligné verticalement se trouve au milieu du paragraphe.

Comme vous pouvez le voir, tout élément aligné verticalement peut affecter la hauteur de la ligne. Rappelez-vous la description d'un conteneur de ligne qui est juste assez haut pour contenir le haut de la boîte en ligne la plus haute et le bas de la boîte en ligne la plus basse. Cela s'applique également aux boîtes de ligne qui ont été décalées vers le haut ou vers le bas par alignement vertical.

Riz. 6.18. L'alignement vertical peut entraîner une augmentation des hauteurs de ligne

Distance entre les lettres et les mots

Une fois l'alignement terminé, passons au contrôle de l'espacement entre les mots et les lettres. Ces propriétés ont aussi leurs propres spécificités.

Distances entre les mots

La propriété d'espacement des mots accepte des longueurs positives ou négatives. Cette valeur est ajoutée à l'espacement standard des mots. Fondamentalement, l'espacement des mots est utilisé pour modifier la distance entre les mots. Par conséquent, la valeur par défaut de normal est la même que zéro (0).

Si vous définissez la longueur sur une valeur positive, l'espace entre les mots augmente. Et si vous définissez une valeur négative pour l'espacement des mots, les mots se rapprochent les uns des autres :

Chapitre 6. Propriétés du texte

p.spread (espacement des mots : 0.5em ;) p.tight (espacement des mots : 0.5em ;) p.base (espacement des mots : normal ;) p.norm (espacement des mots : 0 ;)

Les espaces entre les mots dans ce paragraphe seront augmentés de 0.5em.

Les espaces entre les mots dans ce paragraphe seront diminués de 0.5em.

Les espaces entre les mots dans ce paragraphe seront normaux.

L'effet de ces paramètres est illustré à la Fig. 6.19.

Riz. 6.19. Modifier la distance entre les mots

Jusqu'à présent, je n'ai pas donné de définition précise du terme "mot". Dans la terminologie CSS, un "mot" est une chaîne qui ne contient pas de caractères de séparation et qui est délimitée par de tels caractères des deux côtés. Cette définition n'est pas sémantique, elle suppose simplement que le document contient des mots entourés d'un ou plusieurs délimiteurs. On ne peut pas s'attendre à ce qu'un agent utilisateur prenant en charge CSS soit capable de distinguer un mot d'un non-mot dans tous les cas. cette langue... Cette définition, quelle qu'elle soit, signifie qu'il est peu probable que l'espacement des mots fonctionne dans les langues basées sur la pictographie ou les styles d'écriture non romans. Cette propriété permet de créer des documents totalement illisibles, ce qui est clairement visible sur la Fig. 6.20. L'espacement des mots doit être utilisé avec prudence.

Riz. 6.20. Très grandes distances entre les mots

L'espacement des lettres

La plupart des problèmes rencontrés lors de l'utilisation de l'espacement des mots se produisent lors de l'utilisation de l'espacement des lettres. La seule différence entre les deux est que la propriété d'espacement des lettres modifie l'espacement entre les caractères ou les lettres.

Comme pour la propriété d'espacement des mots, l'espacement des lettres est de n'importe quelle longueur. La valeur par défaut est mot-clé normal (ce qui est le même que l'espacement des lettres : 0). Toute longueur entrée augmentera ou diminuera l'espacement des lettres de ce montant. En figue. 6.21 montre les résultats de l'application du balisage suivant :

p (espacement des lettres : 0;) / * identique à "normal" * /

p.spacious (espacement des lettres : 0.25em ;) p.tight (espacement des lettres : 0.25em ;)

Les lettres de ce paragraphe sont espacées normalement.

Les lettres de ce paragraphe sont un peu étalées.

Les lettres de ce paragraphe sont un peu écrasées les unes contre les autres.

Riz. 6.21. Espacement des lettres différent

Riz. 6.22. Application de la propriété d'espacement des lettres% pour faire ressortir le texte sélectionné

L'utilisation de l'espacement des lettres pour mettre l'accent sur une sélection est une technique consacrée. Vous pouvez écrire la déclaration suivante et obtenir l'effet illustré à la figure 1. 6.22 :

fort (espacement des lettres : 0.2em ;)

Ce paragraphe contient texte fortement accentué qui est étalé pour une emphase supplémentaire.

Espacement entre les mots et les lettres et alignement

La valeur de l'espacement des mots peut être affectée par la valeur de la propriété text align. Si l'élément est justifié, les espaces entre les lettres et les mots sont ajustés pour que le texte s'étende sur toute la ligne. Cela peut, à son tour, modifier les paramètres qui déterminent l'espacement entre les mots et les lettres, déclarés par l'auteur dans les propriétés d'espacement des mots. Si l'espacement des lettres est spécifié, il ne peut pas être modifié par l'alignement du texte, mais si l'espacement des lettres est normal, l'espacement peut être modifié pour garantir que le texte est aligné en largeur. Le CSS ne spécifie pas comment les espaces blancs doivent être calculés, donc l'agent utilisateur les crée simplement.

L'enfant, comme d'habitude, hérite de la valeur calculée de son parent. Vous ne pouvez pas faire hériter le facteur d'échelle à la place de la valeur calculée des propriétés d'espacement des mots ou des lettres (comme c'est le cas avec la hauteur de ligne). En conséquence, vous pouvez rencontrer le problème illustré à la Fig. 6.23 :

p (espacement des lettres : 0,25 em ; taille de la police : 20 px ;) petit (taille de la police : 50 % ;)

Ce paragraphe spacieux présente petit texte tout aussi spacieux, même si l'auteur souhaitait probablement que l'espacement soit proportionnel à la taille du texte.

Riz. 6.23. Espace hérité entre les lettres

Gérer les espaces entre les lettres et les mots

1. Espacement entre les mots

Définit l'espacement entre les mots. Des valeurs positives et négatives peuvent être utilisées. Avec un sens négatif, les mots peuvent se chevaucher.

La valeur de l'espacement des mots est affectée par la valeur de la propriété text-align dans le cas d'un alignement de texte justifié. Hérité.

Syntaxe

P (espacement des mots : normal ;) p (espacement des mots : 2px ;)
Riz. 1. Distance entre les mots

2. Espacement des lettres entre les lettres

La propriété définit la distance entre les lettres (quantité de suivi) et les symboles. Il peut prendre des valeurs positives et négatives. Il est conseillé de l'utiliser pour augmenter l'expressivité et la lisibilité des titres, définitions, etc. Hérité.

Syntaxe

P (espacement des lettres : normal ;) p (espacement des lettres : 2px ;)
Riz. 2. Modification de l'espacement entre les lettres à l'aide de la propriété letter-spacing

3. Gestion des espaces blancs

La propriété gère les espaces entre les mots et les sauts de ligne dans un élément. Non hérité.

espace-blanc
Valeurs:
Ordinaire Valeur par défaut. Un seul espace est inséré entre les mots, les espaces supplémentaires sont supprimés. Le texte n'est encapsulé que si nécessaire.
maintenant rap Empêche les sauts de ligne sauf lorsqu'ils sont appliqués
.
pré Les espaces dans le texte ne sont pas ignorés ; le navigateur affiche des espaces et des sauts de ligne supplémentaires.
pré-emballage Préserve les espaces dans le texte en faisant des sauts de ligne le cas échéant.
pré-ligne Supprime les espaces supplémentaires sauf pour les cas
.
initiale Définit la valeur de la propriété à sa valeur par défaut.
hériter Hérite de la valeur de propriété de l'élément parent.

Syntaxe

P (espace blanc : normal ;) p (espace blanc : nowrap ;) p (espace blanc : pre ;) p (espace blanc : pre-wrap ;) p (espace blanc : pré-ligne ;)

4. Réglage de la taille de l'onglet

Pour modifier la quantité d'indentation obtenue avec la touche TAB, utilisez la propriété tab-size. Les valeurs de propriété sont ignorées lorsque l'une des trois valeurs pré-ligne, normale ou nowrap de la propriété white-space est définie.

Ne fonctionne que pour les éléments