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 description | Exemple | |
---|---|---|
<тип> | Indique le type de valeur. | <размер> |
UN B | Les valeurs doivent être affichées dans l'ordre indiqué. | <размер> && <цвет> |
A | B | Indique qu'une seule des valeurs suggérées doit être sélectionnée (A ou B). | normale | en minuscule |
Un || B | Chaque 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
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
Syntaxe
Pre (-moz-tab-size: 16;) / * Firefox * / pre (-o-tab-size: 16;) / * Opera 10.6-12.1 * / pre (tab-size: 16;)
La modification de l'espacement des lettres standard dans le texte peut être nécessaire pour attirer l'attention sur ses sections individuelles. Pour modifier l'espacement entre les lettres dans un mot, vous devez suivre la séquence d'actions donnée.
Ajustement de l'espacement
![](https://i1.wp.com/v-ofice.ru/wp-content/uploads/2017/07/rasstoyanie-mezhdu-bukvami1.jpg)
Sélectionnez Sparse pour augmenter l'espace entre les lettres.
Par défaut, vous pouvez augmenter l'espacement des lettres d'un point, égal à 0,35 mm. Pour la commodité de l'utilisateur, il y a un exemple en bas montrant à quoi ressemblera le texte dans ce cas. Évidemment, l'utilisateur peut modifier la valeur d'un point en utilisant les petits triangles pour ajouter ou soustraire un espacement de 0,1 point. Une autre option consiste à entrer directement la valeur souhaitée dans le champ de taille d'espacement et à cliquer sur OK. Vous pouvez entrer une distance arbitrairement grande.
Pour diminuer l'espacement, sélectionnez "Compressé".
L'utilisateur peut réduire l'espacement des lettres de la même manière que dans le cas précédent - par défaut de 1 pt, ou en définissant la valeur souhaitée. Comme vous pouvez le voir sur l'exemple, dans ce cas, le compactage du texte a affecté négativement sa lisibilité.
La modification de l'espacement des lettres décrite ci-dessus est la même pour toutes les lettres du texte sélectionné. Dans le texte Éditeur de mots il est possible de modifier l'interlettrage plus subtilement, en tenant compte des particularités du contour des lettres voisines. Lorsque la fonction de crénage est activée, Word choisit automatiquement l'espacement optimal entre les paires de caractères, en fonction des caractéristiques de la police. Le crénage a pour but d'augmenter l'attrait visuel du texte.
Une comparaison étroite des deux dernières captures d'écran - avant et après crénage, permet de s'en assurer. Le crénage est principalement utilisé dans les textes avec gros caractères- en-têtes et logos.
Vidéo : Comment augmenter l'espace entre les lettres ?
La discussion ci-dessus sur l'espacement des lettres a été menée par rapport à Word 2010. Il n'y a pas de différences dans les prochaines versions de Word - 2007 et 2013.
Premier L'espacement vertical entre les lignes de texte est-il ... Il est mesuré à partir de la ligne de base d'une ligne de texte jusqu'à la ligne de base de la ligne au-dessus. Référence Est la ligne invisible qui contient le bord inférieur de la plupart des lettres.
La valeur par défaut pour l'interlignage automatique est de 120 % de la police (par exemple, pour une police de 10 points, l'interlignage est de 12 points). Lorsque vous utilisez l'interlignage automatique, la valeur d'interlignage apparaît entre parenthèses dans le menu Interlignage du panneau Caractère. Pour modifier la valeur d'interlignage automatique par défaut, choisissez Alignement dans le menu du panneau Paragraphe et définissez un pourcentage compris entre 0 et 500.
Par défaut, l'interlignage est un attribut de caractère, ce qui signifie que vous pouvez appliquer plusieurs valeurs d'interlignage dans un seul paragraphe. L'interligne est déterminé par sa plus grande valeur sur cette ligne.
Noter.
Pour le texte asiatique horizontal, vous pouvez spécifier comment l'interlignage doit être mesuré, soit entre les lignes de base de deux lignes, soit du haut d'une ligne au haut de la suivante.
Décalage de la ligne de base
Utilisez Décalage de la ligne de base pour décaler les caractères sélectionnés vers le haut ou vers le bas par rapport à la ligne de base du texte environnant. Le décalage de la ligne de base est particulièrement utile lorsque réglage manuel fragments ou en ajustant la position de la police de l'icône.
Configuration du crénage et du suivi
Crénage est une augmentation ou une diminution de l'espacement entre certaines paires de caractères. Suivi est une augmentation ou une diminution de l'espacement entre les caractères dans le texte sélectionné ou dans l'ensemble du bloc de texte.
Noter.
Les valeurs de crénage et de suivi sont appliquées aux textes japonais, mais en règle générale, ces paramètres sont également utilisés pour ajuster l'espacement des caractères entre les caractères latins.
Le crénage du texte peut être effectué automatiquement à l'aide des fonctions de crénage métriques ou optiques. À crénage métrique(aussi appelé crénage automatique) utilise des paires de lettres qui sont incluses dans la plupart des polices. Les polices contiennent des informations sur l'espacement entre les lettres dans des paires spécifiques utilisées dans le processus de crénage. Certaines de ces paires sont : "LA", "P.", "To", "Tr", "Ta", "Tu", "Te", "Ty", "Wa", "WA", "We" , "Wo", "Ya" et "Yo". Le crénage métrique est appliqué par défaut, de sorte que le crénage est automatiquement appliqué à des paires de lettres spécifiques lors de l'importation ou de la saisie.
Certaines polices incluent des instructions détaillées pour le crénage. Cependant, si la police ne contient que peu ou pas d'informations de crénage, ou si différentes polices et tailles de points sont utilisées dans un mot ou une ligne en même temps, il peut être nécessaire d'utiliser crénage optique... Avec le crénage optique, l'espacement entre les caractères adjacents est sélectionné en fonction de leur forme.
UNE. Texte source B. Texte après application du crénage optique C. Texte après avoir défini manuellement la valeur de crénage entre les lettres "W" et "a" RÉ. Texte après application du suivi E. Combiner le crénage et le suivi
Vous pouvez également utiliser et crénage à la main ce qui est parfait pour ajuster l'espacement entre deux lettres. Le suivi et le crénage manuel se complètent. Vous pouvez d'abord modifier des paires de lettres individuelles, puis rendre les blocs de texte plus concis ou clairsemés. Cela n'a aucun effet sur le crénage relatif des paires de lettres.
Lorsque vous cliquez et placez le point d'insertion entre deux lettres, le panneau Caractère affiche les valeurs de crénage. Les valeurs de crénage métriques et optiques (ou une paire de crénage spécifique) sont affichées entre parenthèses. De même, les valeurs de suivi apparaissent dans le panneau Caractère lorsque vous sélectionnez un mot ou un morceau de texte.
Le suivi et le crénage sont mesurés en 1/1000 em. Cette unité est égale à la largeur de la lettre la plus large de la police et vous permet de définir la taille par rapport à la police actuelle. Pour une police de 6 points, 1 em équivaut à 6 points. Pour une police de 10 points, 1 em équivaut à 10 points. Le crénage et le suivi sont strictement proportionnels à la taille de la police actuelle.
Noter.
Les valeurs de crénage et de suivi affectent les textes japonais, mais ces paramètres sont généralement utilisés pour ajuster l'espacement des caractères pour les caractères latins.
Paramètre de crénage
Pour utiliser les informations de crénage intégrées à la police pour les caractères sélectionnés, sélectionnez Automatique ou Métrique pour le crénage dans le panneau Caractère.
Pour ajuster automatiquement l'espacement entre les caractères sélectionnés en fonction de leur forme, sélectionnez Optique pour le crénage dans le panneau Caractère.
Pour ajuster manuellement le crénage, placez le point d'insertion entre deux caractères et définissez l'option Crénage de votre choix dans le panneau Caractère. (Remarque : si un morceau de texte est sélectionné, vous ne pouvez pas crénager manuellement le texte. Utilisez plutôt le suivi automatique.)
Conseils... Pour diminuer ou augmenter le crénage entre deux caractères, utilisez Alt + Flèche Gauche/Droite (Windows) ou Option + Flèche Gauche/Droite (Mac OS).
Pour désactiver le crénage pour les caractères sélectionnés, définissez l'option Crénage dans le panneau Caractère sur 0 (zéro).
aditionellement... Pour obtenir une liste des raccourcis clavier utilisés lorsque vous travaillez avec du texte, tapez « raccourcis clavier » dans la barre de recherche d'aide.
Effectuez l'une des opérations suivantes :