diff options
Diffstat (limited to 'files/fr/web/css/box-decoration-break/index.html')
| -rw-r--r-- | files/fr/web/css/box-decoration-break/index.html | 26 |
1 files changed, 8 insertions, 18 deletions
diff --git a/files/fr/web/css/box-decoration-break/index.html b/files/fr/web/css/box-decoration-break/index.html index 989fe8020e..cfbe10973c 100644 --- a/files/fr/web/css/box-decoration-break/index.html +++ b/files/fr/web/css/box-decoration-break/index.html @@ -14,8 +14,6 @@ translation_of: Web/CSS/box-decoration-break <div>{{EmbedInteractiveExample("pages/css/box-decoration-break.html")}}</div> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> - <h2 id="Syntaxe">Syntaxe</h2> <pre class="brush:css no-line-numbers">/* Valeurs avec un mot-clé */ @@ -72,7 +70,7 @@ box-decoration-break: unset; <h5 id="Image_équivalente">Image équivalente</h5> -<p><img alt="A screenshot of the rendering of an inline element styled with box-decoration-break:slice and styles given in the example." src="https://mdn.mozillademos.org/files/8167/box-decoration-break-inline-slice.png" style="height: 177px; width: 191px;"></p> +<p><img alt="A screenshot of the rendering of an inline element styled with box-decoration-break:slice and styles given in the example." src="box-decoration-break-inline-slice.png"></p> <h4 id="Avec_clone">Avec <code>clone</code></h4> @@ -103,29 +101,21 @@ box-decoration-break: unset; <h5 id="Image_équivalente_2">Image équivalente</h5> -<p><img alt="A screenshot of the rendering of an inline element styled with box-decoration-break:clone and styles given in the example" src="https://mdn.mozillademos.org/files/8169/box-decoration-break-inline-clone.png" style="height: 180px; width: 231px;"></p> +<p><img alt="A screenshot of the rendering of an inline element styled with box-decoration-break:clone and styles given in the example" src="box-decoration-break-inline-clone.png"></p> <h3 id="Gestion_des_fragments_pour_les_boîtes_en_bloc">Gestion des fragments pour les boîtes en bloc</h3> -<p>Voici ce qu'on pourra obtenir de façon analogue avec un élément de bloc :</p> - -<ol> - <li>Sans fragmentation</li> -</ol> +<p>Voici ce qu'on pourra obtenir de façon analogue avec un élément de bloc sans fragmentation:</p> -<p><img alt="A screenshot of the rendering of the block element used in the examples without any fragmentation." src="https://mdn.mozillademos.org/files/8181/box-decoration-break-block.png" style="height: 149px; width: 333px;"></p> +<p><img alt="A screenshot of the rendering of the block element used in the examples without any fragmentation." src="box-decoration-break-block.png"></p> -<ol start="2"> - <li>En décomposant le bloc sur trois colonnes, normalement (<code>slice</code>), on aura :</li> -</ol> +<p>En décomposant le bloc sur trois colonnes, normalement (<code>slice</code>), on aura :</p> -<p><img alt="A screenshot of the rendering of the fragmented block used in the examples styled with box-decoration-break:slice." src="https://mdn.mozillademos.org/files/8183/box-decoration-break-block-slice.png" style="height: 55px; max-width: none; width: 1025px;"></p> +<p><img alt="A screenshot of the rendering of the fragmented block used in the examples styled with box-decoration-break:slice." src="box-decoration-break-block-slice.png"></p> -<ol start="3"> - <li>Si on applique <code>box-decoration-break:clone</code>, voici le résultat :</li> -</ol> +<p>Si on applique <code>box-decoration-break:clone</code>, voici le résultat :</p> -<p><img alt="A screenshot of the rendering of the fragmented block used in the examples styled with box-decoration-break:clone." src="https://mdn.mozillademos.org/files/8185/box-decoration-break-block-clone.png" style="height: 61px; max-width: none; width: 1023px;"></p> +<p><img alt="A screenshot of the rendering of the fragmented block used in the examples styled with box-decoration-break:clone." src="box-decoration-break-block-clone.png"></p> <h2 id="Spécifications">Spécifications</h2> |