hanging-punctuation |
Accrochage de ponctuation |
CSS3 |
|
Syntaxe
hanging-punctuation: allow-end|first|force-end|last|inherit|initial|none;
|
Paramètres
Paramètre |
Description |
allow-end |
Ce paramètre permet d'indiquer que la ponctuation peut s'accrocher à l'extérieur du bord de l'extrémité de toutes les lignes si la ponctuation correspondante n'est pas avant la justification. |
first |
Ce paramètre permet d'indiquer que la ponctuation peut s'accrocher à l'extérieur du bord du début de la première ligne. |
force-end |
Ce paramètre permet d'indiquer que la ponctuation peut s'accrocher à l'extérieur du bord de l'extrémité de toutes les lignes mais si la justification est activé pour cette ligne, il va forcer la ponctuation à s'accrocher. |
inherit |
Ce paramètre permet d'indiquer qu'il faut hérité de la valeur de son parent. |
initial |
Ce paramètre permet d'indiquer qu'il faut appliquer la valeur par défaut de cette propriété. |
last |
Ce paramètre permet d'indiquer que la ponctuation peut s'accrocher à l'extérieur du bord de la fin de la dernière ligne. |
none |
Ce paramètre permet d'indiquer qu'il n'y a pas de signe de ponctuation pouvant être placé en dehors de la ligne de boite, soit au début ou à la fin, d'une ligne complète de texte. |
Description
Cette propriété permet d'indiquer si un signe de ponctuation peut être placé en dehors de la ligne de la boite, soit au début ou à la fin, d'une ligne complète de texte.
Remarques
- Effet visuel sur la ponctuation : La propriété hanging-punctuation permet de contrôler l'affichage de la ponctuation en dehors du texte. Par exemple, elle peut
faire en sorte que les signes de ponctuation (comme les guillemets, les points d'exclamation ou les tirets) pendent légèrement en dehors de la marge gauche ou droite du texte.
- Valeurs possibles : hanging-punctuation peut être définie sur deux valeurs principales : none (valeur par défaut) et first ou last.
first permet de faire en sorte que la ponctuation initiale d'un paragraphe dépasse de la marge gauche, tandis que last applique cet effet à la ponctuation finale,
comme un point d'exclamation en fin de phrase.
- Amélioration de la lisibilité : Cette propriété améliore la lisibilité et l'esthétique des textes en rendant la ponctuation plus fluide visuellement. Elle est
souvent utilisée dans les typographies modernes pour donner une apparence plus nette et équilibrée aux paragraphes, notamment dans les langues où les signes de ponctuation
peuvent être collés aux mots.
- Compatibilité avec la typographie avancée : En conjonction avec des polices qui supportent bien les règles typographiques, hanging-punctuation permet de
respecter des conventions de mise en forme avancées pour les documents imprimés ou numériques, comme dans les livres ou les magazines, en évitant que la ponctuation ne gêne les
marges.
- Utilisation dans les langues spécifiques : Cette propriété est particulièrement utile dans certaines langues, comme le japonais ou le chinois, où la ponctuation
peut être placée en dehors de la zone de texte. Elle permet de mieux respecter les normes de mise en page de ces langues.
- Comportement en combinaison avec d'autres propriétés : hanging-punctuation fonctionne souvent en combinaison avec d'autres propriétés de mise en forme, comme
text-indent ou margin, pour améliorer l'alignement global du texte et de la ponctuation. Elle peut être utilisée pour corriger des problèmes d'alignement lorsque
la ponctuation semble trop proche du texte.
- Impact sur les paragraphes longs : Pour les paragraphes longs, l'utilisation de hanging-punctuation peut aider à maintenir une présentation cohérente et
esthétique. Cependant, il faut veiller à ce qu'elle ne perturbe pas la lisibilité, surtout lorsque le texte est affiché sur des écrans de taille variable.
- Prise en charge par les navigateurs : Bien que la propriété hanging-punctuation soit bien supportée dans les navigateurs modernes, elle peut ne pas être
disponible dans toutes les versions des navigateurs ou dans certaines configurations de polices. Il est donc important de vérifier la compatibilité avant de l'utiliser dans des
projets de grande envergure.
Dernière mise à jour : Dimanche, le 20 décembre 2015