aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/css/_colon_left
diff options
context:
space:
mode:
authorjulieng <julien.gattelier@gmail.com>2021-09-17 20:59:20 +0200
committerSphinxKnight <SphinxKnight@users.noreply.github.com>2021-10-12 07:57:33 +0200
commit258ba7b4be62d8640477a3bd3146d08b00cb70ec (patch)
treea8476eee4c369ff47bdfe08353774414f2281ba3 /files/fr/web/css/_colon_left
parent149319bb8c7b1394a443f0877c3460cd362aa815 (diff)
downloadtranslated-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.md70
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")}}