Calculateur de Hauteur de Ligne

La hauteur de ligne contrôle l'espacement vertical entre les lignes de texte, et les feuilles de style modernes la définissent souvent en REM pour qu'elle s'adapte à la taille de police de base. Traduire une hauteur de ligne en REM en une valeur exacte en pixels est utile lorsque vous avez besoin de mises en page au pixel près ou souhaitez respecter une maquette précise. Faire cette conversion à la main signifie multiplier la valeur en REM par la taille de police racine à chaque changement de maquette.

Ce calculateur effectue cette multiplication instantanément, en utilisant une taille de police de base personnalisée si votre projet remplace la valeur par défaut du navigateur. Saisissez une hauteur de ligne en REM et obtenez immédiatement son équivalent exact en pixels. Chaque calcul s'exécute côté client, dans votre navigateur, si bien qu'aucune valeur saisie n'est jamais envoyée à un serveur.

Calculateur de Hauteur de Ligne

Taille de police de base (px)
Hauteur de ligne (REM)

Comprendre la Hauteur de Ligne en Conception Web

La hauteur de ligne est l'espacement vertical entre les lignes de texte, l'une des propriétés les plus importantes pour la lisibilité en conception Web. Le CSS permet de la définir comme un multiplicateur sans unité, une valeur fixe en pixels ou une valeur relative en REM, et chacune se comporte différemment lorsque la taille de police change.

Les hauteurs de ligne basées sur REM s'adaptent automatiquement à votre taille de police de base, ce qui garde les proportions cohérentes dans une mise en page réactive. Parfois, cependant, vous avez besoin de la valeur exacte en pixels, par exemple pour aligner un élément de taille fixe ou correspondre à une maquette fournie en pixels, et c'est là que la conversion de REM en PX devient utile.

Foire aux questions (FAQ)

Foire aux questions