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/word-break/index.md | 102 +++++++++++++++-------------------- 1 file changed, 43 insertions(+), 59 deletions(-) (limited to 'files/fr/web/css/word-break') diff --git a/files/fr/web/css/word-break/index.md b/files/fr/web/css/word-break/index.md index 3276f00594..d033cc3230 100644 --- a/files/fr/web/css/word-break/index.md +++ b/files/fr/web/css/word-break/index.md @@ -7,15 +7,16 @@ tags: - Reference translation_of: Web/CSS/word-break --- -
{{CSSRef}}
+{{CSSRef}} -

La propriété word-break est utilisée pour définir la façon dont la césure s'applique pour les endroits où le texte dépasserait de sa boîte de contenu.

+La propriété** `word-break`** est utilisée pour définir la façon dont la césure s'applique pour les endroits où le texte dépasserait de sa boîte de contenu. -
{{EmbedInteractiveExample("pages/css/word-break.html")}}
+{{EmbedInteractiveExample("pages/css/word-break.html")}} -

Syntaxe

+## Syntaxe -
/* Avec un mot-clé */
+```css
+/* Avec un mot-clé */
 word-break: normal;
 word-break: break-all;
 word-break: keep-all;
@@ -25,44 +26,42 @@ word-break: break-word; /* dépréciée */
 word-break: inherit;
 word-break: initial;
 word-break: unset;
-
+``` -

La propriété word-break est définie avec un mot-clé parmi ceux décrits ci-après.

+La propriété `word-break` est définie avec un mot-clé parmi ceux décrits ci-après. -

Valeurs

+### Valeurs -
-
normal
-
Le passage à la ligne classique est utilisé.
-
break-all
-
La césure peut être insérée après n'importe quel caractère (ne s'applique pas pour les textes en chinois, japonais et coréen).
-
keep-all
-
La césure est interdite pour les textes en chinois, japonais et coréen. Pour les autres types de texte, le comportement est le même que normal.
-
break-word{{deprecated_inline}}
-
Aura le même effet que word-break: normal et que overflow-wrap: anywhere quelle que soit la valeur de la propriété {{cssxref("overflow-wrap")}}.
-
+- `normal` + - : Le passage à la ligne classique est utilisé. +- `break-all` + - : La césure peut être insérée après n'importe quel caractère (ne s'applique pas pour les textes en chinois, japonais et coréen). +- `keep-all` + - : La césure est interdite pour les textes en chinois, japonais et coréen. Pour les autres types de texte, le comportement est le même que `normal`. +- `break-word`{{deprecated_inline}} + - : Aura le même effet que `word-break: normal` et que `overflow-wrap: anywhere` quelle que soit la valeur de la propriété {{cssxref("overflow-wrap")}}. -
-

Note : Contrairement à word-break: break-word et à overflow-wrap: break-word (cf. {{cssxref("overflow-wrap")}}), word-break: break-all créera une césure à l'endroit exact où le mot aurait dépassé du conteneur (même si placer le mot entier sur sa propre ligne aurait pu éviter la césure).

-
+> **Note :** Contrairement à `word-break: break-word` et à `overflow-wrap: break-word` (cf. {{cssxref("overflow-wrap")}}), `word-break: break-all` créera une césure à l'endroit exact où le mot aurait dépassé du conteneur (même si placer le mot entier sur sa propre ligne aurait pu éviter la césure). -

Syntaxe formelle

+### Syntaxe formelle {{csssyntax}} -

Exemples

+## Exemples -

HTML

+### HTML -
<p class="normal étroit"> Voici une Supercalifragilisticexpialidocious califragilisticexpialidocious phrase. グレートブリテンおよび北アイルランド連合王国という言葉は本当に長い言葉 </p>
-<p class="breakAll étroit"> Voici une Supercalifragilisticexpialidocious califragilisticexpialidocious phrase. グレートブリテンおよび北アイルランド連合王国という言葉は本当に長い言葉 </p>
-<p class="breakWord étroit"> Voici une Supercalifragilisticexpialidocious califragilisticexpialidocious phrase. グレートブリテンおよび北アイルランド連合王国という言葉は本当に長い言葉 </p>
-<p class="keep étroit"> Voici une Supercalifragilisticexpialidocious califragilisticexpialidocious phrase.  グレートブリテンおよび北アイルランド連合王国という言葉は本当に長い言葉</p>
-
+```html +

Voici une Supercalifragilisticexpialidocious califragilisticexpialidocious phrase. グレートブリテンおよび北アイルランド連合王国という言葉は本当に長い言葉

+

Voici une Supercalifragilisticexpialidocious califragilisticexpialidocious phrase. グレートブリテンおよび北アイルランド連合王国という言葉は本当に長い言葉

+

Voici une Supercalifragilisticexpialidocious califragilisticexpialidocious phrase. グレートブリテンおよび北アイルランド連合王国という言葉は本当に長い言葉

+

Voici une Supercalifragilisticexpialidocious califragilisticexpialidocious phrase. グレートブリテンおよび北アイルランド連合王国という言葉は本当に長い言葉

+``` -

CSS

+### CSS -
.étroit {
+```css
+.étroit {
   padding: 10px;
   border: 1px solid;
   width: 500px;
@@ -87,40 +86,25 @@ word-break: unset;
 .breakWord {
   word-break: break-word;
 }
-
+``` -

Résultat

+### Résultat -

{{EmbedLiveSample('Exemple','100%',600)}}

+{{EmbedLiveSample('Exemple','100%',600)}} -

Spécifications

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

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat("css.properties.word-break")}}

+{{Compat("css.properties.word-break")}} -

Voir aussi

+## Voir aussi - +- {{cssxref("word-wrap")}} +- {{cssxref("overflow-wrap")}} -- cgit v1.2.3-54-g00ecf