Résultats de recherche
3 oct. 2020 · line-height can be set in px, em's, every unit will fit. line-height works best and future proof if you use a factor/multiplier, meaning no unit, but only a number that is multiplying your font-size..foo { font-size: 1.3em; /* based that 1em == 10px */ line-height: 1.3; /* 16.9px line-height */ }
- Overview
- Syntaxe
- Exemples
- Accessibilité
- Compatibilité des navigateurs
La propriété line-height définit la hauteur de la boîte d'une ligne.
Sur les éléments de bloc, la propriété line-height indique la hauteur minimale des lignes au sein de l'élément. Sur les éléments en ligne qui ne sont pas remplacés, line-height indique la hauteur utilisée pour calculer la hauteur de la boîte d'une ligne.
Valeurs
normal Le comportement dépend de l'agent utilisateur. Pour les navigateurs de bureau, l'agent utilisateur prend généralement une valeur environ égale à 1.2 selon la valeur de font-family. La valeur utilisée est sans unité (type ) et correspond à un facteur multiplicateur de la taille de fonte utilisée. La valeur calculée est la même que celle définie avec . Dans la plupart des cas, c'est la méthode qu'on privilégiera pour définir line-height et éviter les effets de l'héritage. La valeur de longueur (type ) est utilisée pour calculer la hauteur de la boîte de la ligne. Les différentes unités qui peuvent être utilisées sont décrites avec la page . Les valeurs exprimées en em peuvent produire des résultats inattendus. La valeur exprimée est relative à la taille de fonte utilisée pour l'élément. La valeur calculée sera le pourcentage (type ) indiqué, multiplié par la taille calculée de la police de l'élément. Voir la section Notes pour plus de précisions sur le comportement de ce type et des valeurs exprimées en em. -moz-block-height Non-standard La hauteur de la ligne correspond à la hauteur du contenu pour le bloc courant.
Notes
•Plus souvent, on utilisera la propriété raccourcie font plutôt que line-height. Pour cette propriété raccourcie, il est cependant nécessaire d'avoir une valeur pour la propriété font-family.
Gestion de l'héritage et valeurs sans unité
Dans cet exemple, on voit qu'il est préférable d'utiliser des valeurs de type plutôt que des valeurs de longueur (type . On utilisera deux éléments . Le premier aura une bordure verte et une valeur sans unité. Le second aura une bordure rouge et une valeur de longueur
Il est nécessaire d'utiliser une valeur minimale de 1.5 pour la propriété line-height lorsqu'on l'applique sur le contenu des paragraphes principaux. Cela aidera les personnes ayant du mal à lire et les personnes dyslexiques. Utiliser une valeur sans unité permet de garantir une mise à l'échelle proportionnelle lorsqu'on zoome/dézoome.
•Visual Presentation: Understanding SC 1.4.8, Understanding WCAG 2.0 (en anglais)
BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
9 août 2010 · What would 0.8, 1.0 and 1.2 em mean? I have seen height's in CSS like: height: 0.8em; or height: 1.2em; How is it calculated?
- The meaning of "em" has changed over the years. Not all fonts have the letter "M" in them (for example, Chinese), but all fonts have a height. The...
- 1em is equal to the current font size . 2em means 2 times the size of the current font. E.g., if an element is displayed with a font of 12 pt,...
- 1em is equal to the current font size. 2em means 2 times the size of the current font. E.g., if an element is displayed with a font of 12 pt, then...
- Paul is correct, however its "M" not "m". However this is an esoteric definition derived from typesetting/printing and isnt of much use in this cas...
- An em is the width of the letter "m" (in your current font and size).
- Em is the size of a character. It will vary depending upon the font size. If the font size is 24 then 2Em will be equal to the space it should take...
- An em means "ephemeral unit" it is relative to the current font size of its parent element. For instance, the text in an heading is 2em by d...
5 sept. 2011 · The line-height property defines the amount of space above and below inline elements. That is, elements that are set to display: inline or display: inline-block. This property is most often used to set the leading for lines of text. p { line-height: 1.35; }
7 juil. 2023 · The line-height CSS property sets the height of a line box. It's commonly used to set the distance between lines of text. On block-level elements, it specifies the minimum height of line boxes within the element. On non-replaced inline elements, it specifies the height that is used to calculate line box height.
The line-height property specifies the height of a line. Note: Negative values are not allowed. Show demo . Browser Support. The numbers in the table specify the first browser version that fully supports the property. CSS Syntax. line-height: normal| number | length |initial|inherit; Property Values. More Examples. Example.
16 avr. 2009 · With sizing fonts in pixels, you are literally telling browsers to render the letters exactly that number of pixels in height: Windows, Mac, aliased, anti-aliased, cross-browsers, doesn’t matter, a font set at 14px will be 14px tall. But that isn’t to say there won’t still be some variation.
