diff options
author | julieng <julien.gattelier@gmail.com> | 2021-09-17 20:59:20 +0200 |
---|---|---|
committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-10-12 07:57:33 +0200 |
commit | 258ba7b4be62d8640477a3bd3146d08b00cb70ec (patch) | |
tree | a8476eee4c369ff47bdfe08353774414f2281ba3 /files/fr/web/css/_colon_left | |
parent | 149319bb8c7b1394a443f0877c3460cd362aa815 (diff) | |
download | translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.tar.gz translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.tar.bz2 translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.zip |
convert content to md
Diffstat (limited to 'files/fr/web/css/_colon_left')
-rw-r--r-- | files/fr/web/css/_colon_left/index.md | 70 |
1 files changed, 26 insertions, 44 deletions
diff --git a/files/fr/web/css/_colon_left/index.md b/files/fr/web/css/_colon_left/index.md index 545f6f24f1..4539daecd4 100644 --- a/files/fr/web/css/_colon_left/index.md +++ b/files/fr/web/css/_colon_left/index.md @@ -1,72 +1,54 @@ --- title: ':left' -slug: 'Web/CSS/:left' +slug: Web/CSS/:left tags: - CSS - Pseudo-classe - Reference - Web -translation_of: 'Web/CSS/:left' +translation_of: Web/CSS/:left --- -<div>{{CSSRef}}</div> +{{CSSRef}} -<p>La <a href="/fr/docs/Web/CSS/Pseudo-classes">pseudo-classe</a> <code><strong>:left</strong></code>, liée à la règle {{cssxref("@page")}}, permet de cibler les pages de gauche lors d'une impression. Ceci permet de mettre en forme spécifiquement les pages de gauche.</p> +La [pseudo-classe](/fr/docs/Web/CSS/Pseudo-classes) **`:left`**, liée à la règle {{cssxref("@page")}}, permet de cibler les pages de gauche lors d'une impression. Ceci permet de mettre en forme spécifiquement les pages de gauche. -<pre class="brush: css no-line-numbers">/* Sélectionne le contenu des pages gauches */ +```css +/* Sélectionne le contenu des pages gauches */ /* lors de l'impression */ @page :left { margin: 2in 3in; -}</pre> +} +``` -<p>La position de la page soit à gauche ou à droite dépend de la direction d'écriture globale du document. Par exemple, si la première page est selon la direction « gauche à droite » alors elle sera une page {{cssxref(":right")}}, si elle est définie de « droite à gauche » ce sera une page <code>:left</code>.</p> +La position de la page soit à gauche ou à droite dépend de la direction d'écriture globale du document. Par exemple, si la première page est selon la direction « gauche à droite » alors elle sera une page {{cssxref(":right")}}, si elle est définie de « droite à gauche » ce sera une page `:left`. -<div class="note"> - <p><strong>Note :</strong> Il n'est pas possible de changer toutes les propriétés CSS. Seules les propriétés {{cssxref("margin")}}, {{cssxref("padding")}}, {{cssxref("border")}} et {{cssxref("background")}} de <strong>la boîte correspondant à la page</strong> peuvent être modifiées. Toutes les autres propriétés CSS seront ignorées. Seule la boîte correspondant à la page pourra être affectée, le contenu du document ne pourra pas être modifié.</p> -</div> +> **Note :** Il n'est pas possible de changer toutes les propriétés CSS. Seules les propriétés {{cssxref("margin")}}, {{cssxref("padding")}}, {{cssxref("border")}} et {{cssxref("background")}} de **la boîte correspondant à la page** peuvent être modifiées. Toutes les autres propriétés CSS seront ignorées. Seule la boîte correspondant à la page pourra être affectée, le contenu du document ne pourra pas être modifié. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe {{csssyntax}} -<h2 id="Exemples">Exemples</h2> +## Exemples -<pre class="brush: css">@page :left { +```css +@page :left { margin: 2cm 3cm; } -</pre> +``` -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('CSS3 Paged Media', '#left-right-first', ':left')}}</td> - <td>{{Spec2('CSS3 Paged Media')}}</td> - <td>Aucune modification.</td> - </tr> - <tr> - <td>{{SpecName('CSS2.1', 'page.html#page-selectors', ':left')}}</td> - <td>{{Spec2('CSS2.1')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> +| Spécification | État | Commentaires | +| ------------------------------------------------------------------------------------ | ---------------------------------------- | -------------------- | +| {{SpecName('CSS3 Paged Media', '#left-right-first', ':left')}} | {{Spec2('CSS3 Paged Media')}} | Aucune modification. | +| {{SpecName('CSS2.1', 'page.html#page-selectors', ':left')}} | {{Spec2('CSS2.1')}} | Définition initiale. | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("css.selectors.left")}}</p> +{{Compat("css.selectors.left")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li>{{cssxref("@page")}}</li> - <li>{{cssxref(":first")}}</li> - <li>{{cssxref(":right")}}</li> -</ul> +- {{cssxref("@page")}} +- {{cssxref(":first")}} +- {{cssxref(":right")}} |