From 149319bb8c7b1394a443f0877c3460cd362aa815 Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:58:15 +0200 Subject: move *.html to *.md --- files/fr/web/css/_colon_first/index.html | 98 -------------------------------- files/fr/web/css/_colon_first/index.md | 98 ++++++++++++++++++++++++++++++++ 2 files changed, 98 insertions(+), 98 deletions(-) delete mode 100644 files/fr/web/css/_colon_first/index.html create mode 100644 files/fr/web/css/_colon_first/index.md (limited to 'files/fr/web/css/_colon_first') diff --git a/files/fr/web/css/_colon_first/index.html b/files/fr/web/css/_colon_first/index.html deleted file mode 100644 index 00a1c2771e..0000000000 --- a/files/fr/web/css/_colon_first/index.html +++ /dev/null @@ -1,98 +0,0 @@ ---- -title: ':first' -slug: Web/CSS/:first -tags: - - CSS - - Pseudo-classe - - Reference -translation_of: Web/CSS/:first ---- -
{{CSSRef}}
- -

La pseudo-classe :first, liée à la règle @ {{cssxref("@page")}} décrit la mise en forme de la première page lors de l'impression d'un document. ( voir {{cssxref(":first-child")}} pour le premier élément d'un noeud )

- -
/* Cible le contenu de la première page */
-/* lorsqu'on imprime */
-@page :first {
-  margin-left: 50%;
-  margin-top: 50%;
-}
- -

Seul un sous-ensemble restreint de propriétés peut être modifié via cette pseudo-classe :

- - - -

De plus, seules les unités absolues peuvent être utilisées pour les marges.

- -

Syntaxe

- -{{csssyntax}} - -

Exemples

- -

CSS

- -
@page :first {
-  margin-left: 50%;
-  margin-top: 50%;
-}
-
-p {
-  page-break-after: always;
-}
- -

HTML

- -
<p>Première page.</p>
-<p>Deuxième page.</p>
-<button>Imprimer</button>
- -

JavaScript

- -
document.querySelector("button").addEventListener('click', () => {
-  window.print();
-});
- -

Appuyez sur le bouton "Imprimer!" pour imprimer l'exemple. Les mots sur la première page doivent être quelque part autour du centre, tandis que les autres pages auront leur contenu à la position par défaut.

- -

{{EmbedLiveSample("Exemples","80%","150px")}}

- -

Spécifications

- - - - - - - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('CSS3 Paged Media', '#left-right-first', ':first')}}{{Spec2('CSS3 Paged Media')}}Aucune modification.
{{SpecName('CSS2.1', 'page.html#page-selectors', ':first')}}{{Spec2('CSS2.1')}}Définition initiale.
- -

Compatibilité des navigateurs

- -

{{Compat("css.selectors.first")}}

- -

Voir aussi

- - diff --git a/files/fr/web/css/_colon_first/index.md b/files/fr/web/css/_colon_first/index.md new file mode 100644 index 0000000000..00a1c2771e --- /dev/null +++ b/files/fr/web/css/_colon_first/index.md @@ -0,0 +1,98 @@ +--- +title: ':first' +slug: Web/CSS/:first +tags: + - CSS + - Pseudo-classe + - Reference +translation_of: Web/CSS/:first +--- +
{{CSSRef}}
+ +

La pseudo-classe :first, liée à la règle @ {{cssxref("@page")}} décrit la mise en forme de la première page lors de l'impression d'un document. ( voir {{cssxref(":first-child")}} pour le premier élément d'un noeud )

+ +
/* Cible le contenu de la première page */
+/* lorsqu'on imprime */
+@page :first {
+  margin-left: 50%;
+  margin-top: 50%;
+}
+ +

Seul un sous-ensemble restreint de propriétés peut être modifié via cette pseudo-classe :

+ + + +

De plus, seules les unités absolues peuvent être utilisées pour les marges.

+ +

Syntaxe

+ +{{csssyntax}} + +

Exemples

+ +

CSS

+ +
@page :first {
+  margin-left: 50%;
+  margin-top: 50%;
+}
+
+p {
+  page-break-after: always;
+}
+ +

HTML

+ +
<p>Première page.</p>
+<p>Deuxième page.</p>
+<button>Imprimer</button>
+ +

JavaScript

+ +
document.querySelector("button").addEventListener('click', () => {
+  window.print();
+});
+ +

Appuyez sur le bouton "Imprimer!" pour imprimer l'exemple. Les mots sur la première page doivent être quelque part autour du centre, tandis que les autres pages auront leur contenu à la position par défaut.

+ +

{{EmbedLiveSample("Exemples","80%","150px")}}

+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName('CSS3 Paged Media', '#left-right-first', ':first')}}{{Spec2('CSS3 Paged Media')}}Aucune modification.
{{SpecName('CSS2.1', 'page.html#page-selectors', ':first')}}{{Spec2('CSS2.1')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("css.selectors.first")}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf