From 258ba7b4be62d8640477a3bd3146d08b00cb70ec Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:59:20 +0200 Subject: convert content to md --- files/fr/web/css/hanging-punctuation/index.md | 125 ++++++++++++-------------- 1 file changed, 55 insertions(+), 70 deletions(-) (limited to 'files/fr/web/css/hanging-punctuation') diff --git a/files/fr/web/css/hanging-punctuation/index.md b/files/fr/web/css/hanging-punctuation/index.md index 02e0d2bafc..29e4113d9c 100644 --- a/files/fr/web/css/hanging-punctuation/index.md +++ b/files/fr/web/css/hanging-punctuation/index.md @@ -8,11 +8,12 @@ tags: - Reference translation_of: Web/CSS/hanging-punctuation --- -
{{CSSRef}}{{SeeCompatTable}}
+{{CSSRef}}{{SeeCompatTable}} -

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.

+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é */
+```css
+/* Valeurs avec un mot-clé */
 hanging-punctuation: none;
 hanging-punctuation: first;
 hanging-punctuation: last;
@@ -34,52 +35,46 @@ hanging-punctuation: first allow-end last;
 hanging-punctuation: inherit;
 hanging-punctuation: initial;
 hanging-punctuation: unset;
-
- -

Syntaxe

- -

Cette propriété peut être définie grâce à une, deux ou trois valeurs :

- - - -

Valeurs

- -
-
none
-
Aucun caractère ne reste suspendu sur la ligne.
-
first
-
Une parenthèse ou des guillemets ouvrants au début de la première ligne d'un texte restent sur la ligne.
-
last
-
Une parenthèse ou des guillemets fermants à la fin de la dernière ligne d'un texte restent sur la ligne.
-
force-end
-
Un point ou une virgule en fin de ligne restera sur cette ligne.
-
allow-end
-
Un point ou une virgule en fin de ligne restera sur cette ligne si la justification du texte ne laisse pas l'espace nécessaire.
-
- -

Syntaxe formelle

+``` + +## 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é `first` avec un des mots-clés parmi : `last`, `allow-end` ou `force-end` + - ou le mot-clé `last` avec un des mots-clés parmi : `last`, `allow-end` ou `force-end` + +- Avec trois valeurs : + + - `first`, `allow-end` et `last` + - ou `first`, `force-end` et `last` + +### Valeurs + +- `none` + - : Aucun caractère ne reste suspendu sur la ligne. +- `first` + - : Une parenthèse ou des guillemets ouvrants au début de la première ligne d'un texte restent sur la ligne. +- `last` + - : Une parenthèse ou des guillemets fermants à la fin de la dernière ligne d'un texte restent sur la ligne. +- `force-end` + - : Un point ou une virgule en fin de ligne restera sur cette ligne. +- `allow-end` + - : Un point ou une virgule en fin de ligne restera sur cette ligne si la justification du texte ne laisse pas l'espace nécessaire. + +### Syntaxe formelle {{csssyntax}} -

Exemples

+## Exemples -

HTML

+### HTML -
<p>
+```html
+

    Lorem ipsum dolor sit amet, consectetur
    adipiscing elit. Curabitur dignissim nunc
    mauris, et sollicitudin est scelerisque
@@ -88,40 +83,30 @@ hanging-punctuation: unset;
    ornare commodo sodales. Class aptent
    taciti sociosqu ad litora torquent per
    conubia nostra, per inceptos himenaeos.
-</p>
+

+``` -

CSS

+### CSS -
p {
+```css
+p {
   hanging-punctuation: first;
   margin: .5rem;
-}
+} +``` -

Résultat

+### Résultat -

{{EmbedLiveSample('Exemple')}}

+{{EmbedLiveSample('Exemple')}} -

Spécifications

+## Spécifications - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('CSS3 Text', '#hanging-punctuation-property', 'hanging-punctuation')}}{{Spec2('CSS3 Text')}}Définition initiale.
+| Spécification | État | Commentaires | +| ------------------------------------------------------------------------------------------------------------ | ---------------------------- | -------------------- | +| {{SpecName('CSS3 Text', '#hanging-punctuation-property', 'hanging-punctuation')}} | {{Spec2('CSS3 Text')}} | Définition initiale. | -

{{cssinfo}}

+{{cssinfo}} -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat("css.properties.hanging-punctuation")}}

+{{Compat("css.properties.hanging-punctuation")}} -- cgit v1.2.3-54-g00ecf