Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
hanging-punctuation
Limited availability
Cette fonctionnalité n'est pas Compatible car elle ne fonctionne pas dans certains des navigateurs les plus utilisés.
Expérimental:Il s'agit d'unetechnologie expérimentale.
Vérifiez attentivement letableau de compatibilité des navigateurs avant de l'utiliser en production.
La propriétéhanging-punctuation indique si un signe de ponctuation se situant au début ou à la fin d'une ligne de texte doit rester sur cette ligne, quitte à sortir de la boîte qui représente la ligne.
/* Valeurs avec un mot-clé */hanging-punctuation: none;hanging-punctuation: first;hanging-punctuation: last;hanging-punctuation: force-end;hanging-punctuation: allow-end;/* Valeurs avec deux mots-clés */hanging-punctuation: first force-end;hanging-punctuation: first allow-end;hanging-punctuation: first last;hanging-punctuation: last force-end;hanging-punctuation: last allow-end;/* Valeurs avec trois mots-clés */hanging-punctuation: first force-end last;hanging-punctuation: first allow-end last;/* Valeurs globales */hanging-punctuation: inherit;hanging-punctuation: initial;hanging-punctuation: unset;Syntaxe
Cette propriété peut être définie grâce à une, deux ou trois valeurs :
Avec une valeur : on utilisera l'un des mots-clés de la liste ci-après
Avec deux valeurs :
- le mot-clé
firstavec un des mots-clés parmi :last,allow-endouforce-end - ou le mot-clé
lastavec un des mots-clés parmi :last,allow-endouforce-end
- le mot-clé
Avec trois valeurs :
first,allow-endetlast- ou
first,force-endetlast
Valeurs
noneAucun caractère ne reste suspendu sur la ligne.
firstUne parenthèse ou des guillemets ouvrants au début de la première ligne d'un texte restent sur la ligne.
lastUne parenthèse ou des guillemets fermants à la fin de la dernière ligne d'un texte restent sur la ligne.
force-endUn point ou une virgule en fin de ligne restera sur cette ligne.
allow-endUn point ou une virgule en fin de ligne restera sur cette ligne si la justification du texte ne laisse pas l'espace nécessaire.
Définition formelle
| Valeur initiale | none |
|---|---|
| Applicabilité | tous les éléments |
| Héritée | oui |
| Valeur calculée | comme spécifié |
| Type d'animation | discrète |
Syntaxe formelle
hanging-punctuation =
none|
[first||[force-end|allow-end]||last]
Exemples
HTML
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim nunc mauris, et sollicitudin est scelerisque sed. Praesent laoreet tortor massa, sit amet vulputate nulla pharetra ut. Proin ornare commodo sodales. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>CSS
p { hanging-punctuation: first; margin: 0.5rem;}Résultat
Spécifications
| Specification |
|---|
| CSS Text Module Level 3 # hanging-punctuation-property |