fr: Format /web/css using Prettier (part 6) (#14631)

files/fr/web/css/margin-inline-end/index.md

@@ -17,9 +17,9 @@ Cette propriété est à rapprocher de {{cssxref("margin-block-start")}}, {{cssx
 ```css
 /* Valeurs de longueur */
 /* Type <length>       */
-margin-inline-end: 10px;      /* Une longueur absolue */
-margin-inline-end: 1em;       /* Une longueur relative à la taille du texte */
-margin-inline-end: 5%;        /* Une largeur relative à la
+margin-inline-end: 10px; /* Une longueur absolue */
+margin-inline-end: 1em; /* Une longueur relative à la taille du texte */
+margin-inline-end: 5%; /* Une largeur relative à la
                                    largeur du bloc englobant */
 
 /* Valeurs avec un mot-clé */

files/fr/web/css/margin-inline-start/index.md

@@ -17,9 +17,9 @@ Cette propriété est à rapprocher de {{cssxref("margin-block-start")}}, {{cssx
 ```css
 /* Valeurs de longueur */
 /* Type <length>       */
-margin-inline-start: 10px;      /* Une longueur absolue */
-margin-inline-start: 1em;       /* Une longueur relative à la taille du texte */
-margin-inline-start: 5%;        /* Une largeur relative à la
+margin-inline-start: 10px; /* Une longueur absolue */
+margin-inline-start: 1em; /* Une longueur relative à la taille du texte */
+margin-inline-start: 5%; /* Une largeur relative à la
                                    largeur du bloc englobant */
 
 /* Valeurs avec un mot-clé */

files/fr/web/css/margin-inline/index.md

@@ -11,10 +11,10 @@ La propriété **`margin-inline`** définit la marge sur les côtés de l'élém
 ```css
 /* Valeurs de longueur */
 /* Type <length> */
-margin-inline: 10px 20px;  /* Une longueur absolue */
-margin-inline: 1em 2em;    /* Une longueur relative à la taille du texte */
-margin-inline: 5% 2%;      /* Une longueur relative à la largeur ou hauteur du bloc englobant */
-margin-inline: 10px;       /* Une valeur utilisée pour les deux côtés */
+margin-inline: 10px 20px; /* Une longueur absolue */
+margin-inline: 1em 2em; /* Une longueur relative à la taille du texte */
+margin-inline: 5% 2%; /* Une longueur relative à la largeur ou hauteur du bloc englobant */
+margin-inline: 10px; /* Une valeur utilisée pour les deux côtés */
 
 /* Valeurs avec un mot-clé */
 margin-inline: auto;

files/fr/web/css/margin-left/index.md

@@ -21,9 +21,9 @@ Dans certains cas où la largeur est sur-contrainte (autrement dit quand `width`
 ```css
 /* Valeurs de longueur */
 /* Type <length>       */
-margin-left: 10px;  /* Une longueur absolue */
-margin-left: 1em;   /* Une longueur absolue relative à la taille du texte */
-margin-left: 5%;    /* Une marge dont la taille est relative à la largeur
+margin-left: 10px; /* Une longueur absolue */
+margin-left: 1em; /* Une longueur absolue relative à la taille du texte */
+margin-left: 5%; /* Une marge dont la taille est relative à la largeur
                        du bloc englobant */
 
 /* Valeur avec un mot-clé */
@@ -148,20 +148,19 @@ Les valeurs en pourcentage pour `margin-left` sont relatives à la taille en lig
 ### HTML
 
 ```html
-<p>Un grand rosier se trouvait à l'entrée du jardin&nbsp;;
-   les roses qu'il portait étaient blanches, mais
-   trois jardiniers étaient en train de les peindre
-   en rouge.
+<p>
+  Un grand rosier se trouvait à l'entrée du jardin&nbsp;; les roses qu'il
+  portait étaient blanches, mais trois jardiniers étaient en train de les
+  peindre en rouge.
 </p>
-<p class=exemple>
-  Alice s'avança pour les regarder, et, au moment où
-  elle approchait, elle en entendit un qui disait&nbsp;:
-  «&nbsp;Fais donc attention, Cinq, et ne m'éclabousse pas
-  ainsi avec ta peinture.&nbsp;»
+<p class="exemple">
+  Alice s'avança pour les regarder, et, au moment où elle approchait, elle en
+  entendit un qui disait&nbsp;: «&nbsp;Fais donc attention, Cinq, et ne
+  m'éclabousse pas ainsi avec ta peinture.&nbsp;»
 </p>
 <p>
-  «&nbsp;Ce n'est pas de ma faute,&nbsp;» dit Cinq d'un ton
-  bourru, «&nbsp;c'est Sept qui m'a poussé le coude.&nbsp;»
+  «&nbsp;Ce n'est pas de ma faute,&nbsp;» dit Cinq d'un ton bourru, «&nbsp;c'est
+  Sept qui m'a poussé le coude.&nbsp;»
 </p>
 ```
 

files/fr/web/css/margin-right/index.md

@@ -17,9 +17,9 @@ Les marges des côtés droit et gauche de deux boîtes adjacentes peuvent fusion
 ```css
 /* Valeur de longueur */
 /* Type <length>      */
-margin-right: 20px;        /* Une longueur absolue */
-margin-right: 1em;         /* Une longueur relative à la taille du texte */
-margin-right: 5%;          /* Une marge relative à la largeur
+margin-right: 20px; /* Une longueur absolue */
+margin-right: 1em; /* Une longueur relative à la taille du texte */
+margin-right: 5%; /* Une marge relative à la largeur
                            du bloc englobant */
 
 /* Valeur avec un mot-clé */
@@ -156,20 +156,19 @@ La valeur de cette propriété peut être le mot-clé `auto`, une longueur (`<le
 ### HTML
 
 ```html
-<p>Un grand rosier se trouvait à l’entrée du jardin ;
-   les roses qu’il portait étaient blanches, mais
-   trois jardiniers étaient en train de les peindre
-   en rouge.
+<p>
+  Un grand rosier se trouvait à l’entrée du jardin ; les roses qu’il portait
+  étaient blanches, mais trois jardiniers étaient en train de les peindre en
+  rouge.
 </p>
-<p class=exemple>
-  Alice s’avança pour les regarder, et, au moment où
-  elle approchait, elle en entendit un qui disait&nbsp;:
-  «&nbsp;Fais donc attention, Cinq, et ne m’éclabousse pas
-  ainsi avec ta peinture.&nbsp;»
+<p class="exemple">
+  Alice s’avança pour les regarder, et, au moment où elle approchait, elle en
+  entendit un qui disait&nbsp;: «&nbsp;Fais donc attention, Cinq, et ne
+  m’éclabousse pas ainsi avec ta peinture.&nbsp;»
 </p>
 <p>
-  «&nbsp;Ce n’est pas de ma faute,&nbsp;» dit Cinq d’un ton
-  bourru, «&nbsp;c’est Sept qui m’a poussé le coude.&nbsp;»
+  «&nbsp;Ce n’est pas de ma faute,&nbsp;» dit Cinq d’un ton bourru, «&nbsp;c’est
+  Sept qui m’a poussé le coude.&nbsp;»
 </p>
 ```
 

files/fr/web/css/margin-top/index.md

@@ -17,10 +17,10 @@ Cette propriété n'a aucun effet sur les éléments non-remplacés en ligne (_i
 ```css
 /* Valeurs de longueur */
 /* Type <length>       */
-margin-top: 10px;  /* Une longueur absolue */
-margin-top: 1em;   /* Une longueur proportionnelle à la taille du texte */
-margin-top: 5%;    /* Une marge relative à la largeur */
-                   /* du bloc englobant le plus proche */
+margin-top: 10px; /* Une longueur absolue */
+margin-top: 1em; /* Une longueur proportionnelle à la taille du texte */
+margin-top: 5%; /* Une marge relative à la largeur */
+/* du bloc englobant le plus proche */
 
 /* Valeur avec un mot-clé */
 margin-top: auto;
@@ -72,12 +72,11 @@ div {
 
 ```html
 <div></div>
-<p class=exemple>
-  C’est ce qui arriva en effet, et bien plus tôt
-  qu’elle ne s’y attendait. Elle n’avait pas bu
-  la moitié de la bouteille, que sa tête touchait
-  au plafond et qu’elle fut forcée de se baisser
-  pour ne pas se casser le cou.</p>
+<p class="exemple">
+  C’est ce qui arriva en effet, et bien plus tôt qu’elle ne s’y attendait. Elle
+  n’avait pas bu la moitié de la bouteille, que sa tête touchait au plafond et
+  qu’elle fut forcée de se baisser pour ne pas se casser le cou.
+</p>
 ```
 
 ### Résultat

files/fr/web/css/margin/index.md

@@ -86,16 +86,8 @@ Cette propriété peut accepter une, deux, trois ou quatre valeurs avec les type
 #### HTML
 
 ```html
-<div class="ex1">
-  margin: auto;
-  background: gold;
-  width: 66%;
-</div>
-<div class="ex2">
-  margin: 20px 0px 0px -20px;
-  background: gold;
-  width: 66%;
-</div>
+<div class="ex1">margin: auto; background: gold; width: 66%;</div>
+<div class="ex2">margin: 20px 0px 0px -20px; background: gold; width: 66%;</div>
 ```
 
 #### Résultat
@@ -105,23 +97,23 @@ Cette propriété peut accepter une, deux, trois ou quatre valeurs avec les type
 ### Autres exemples
 
 ```css
-margin: 5%;                /* tous les côtés avec une marge de 5% */
-margin: 10px;              /* tous les côtés avec une marge de 10px */
+margin: 5%; /* tous les côtés avec une marge de 5% */
+margin: 10px; /* tous les côtés avec une marge de 10px */
 
-margin: 1.6em 20px;        /* haut et bas à 1.6em     */
-                           /* gauche et droite à 20px */
+margin: 1.6em 20px; /* haut et bas à 1.6em     */
+/* gauche et droite à 20px */
 
-margin: 10px 3% 1em;       /* haut à 10px, gauche et droite à 3% */
-                           /* bas à 1em */
+margin: 10px 3% 1em; /* haut à 10px, gauche et droite à 3% */
+/* bas à 1em */
 
 margin: 10px 3px 30px 5px; /* haut à 10px, droite à 3px */
-                           /* bas à 30px, gauche à 5px  */
+/* bas à 30px, gauche à 5px  */
 
-margin: 1em auto;          /* marge de 1em en haut et en bas       */
-                           /* la boîte est centrée horizontalement */
+margin: 1em auto; /* marge de 1em en haut et en bas       */
+/* la boîte est centrée horizontalement */
 
-margin: auto;              /* boîte centrée horizontalement */
-                           /* marge nulle en haut et en bas */
+margin: auto; /* boîte centrée horizontalement */
+/* marge nulle en haut et en bas */
 ```
 
 ## Notes

files/fr/web/css/mask-border/index.md

@@ -23,16 +23,16 @@ Cette propriété est une propriété raccourcie pour les propriétés suivantes
 
 ```css
 /* source | slice */
-mask-border: url('border-mask.png') 25;
+mask-border: url("border-mask.png") 25;
 
 /* source | slice | repeat */
-mask-border: url('border-mask.png') 25 space;
+mask-border: url("border-mask.png") 25 space;
 
 /* source | slice | width */
-mask-border: url('border-mask.png') 25 / 35px;
+mask-border: url("border-mask.png") 25 / 35px;
 
 /* source | slice | width | outset | repeat | mode */
-mask-border: url('border-mask.png') 25 / 35px / 12px space alpha;
+mask-border: url("border-mask.png") 25 / 35px / 12px space alpha;
 
 /* Valeurs globales */
 mask-border: inherit;

files/fr/web/css/mask-image/index.md

@@ -18,11 +18,11 @@ mask-image: none;
 mask-image: url(masks.svg#mask1);
 
 /* Valeurs de type <image> */
-mask-image: linear-gradient(rgba(0, 0, 0, 1.0), transparent);
+mask-image: linear-gradient(rgba(0, 0, 0, 1), transparent);
 mask-image: image(url(mask.png), skyblue);
 
 /* Gestion de plusieurs masques */
-mask-image: image(url(mask.png), skyblue), linear-gradient(rgba(0, 0, 0, 1.0), transparent);
+mask-image: image(url(mask.png), skyblue), linear-gradient(rgba(0, 0, 0, 1), transparent);
 
 /* Valeurs globales */
 mask-image: inherit;
@@ -38,7 +38,7 @@ mask-image: unset;
 - `none`
   - : Le masque défini par ce mot-clé sera une image noire transparente.
 - `<mask-source>`
-  - : Une référence [`url()`](/fr/docs/Web/CSS/url()) vers un masque SVG ([`<mask>`](/fr/docs/Web/SVG/Element/mask)) ou une image CSS.
+  - : Une référence [`url()`](</fr/docs/Web/CSS/url()>) vers un masque SVG ([`<mask>`](/fr/docs/Web/SVG/Element/mask)) ou une image CSS.
 - [`<image>`](/fr/docs/Web/CSS/image)
   - : Une image utilisée pour le masque.
 

files/fr/web/css/mask-position/index.md

@@ -23,7 +23,9 @@ mask-position: 10% 8em;
 
 /* Valeurs multiples */
 mask-position: top right;
-mask-position: 1rem 1rem, center;
+mask-position:
+  1rem 1rem,
+  center;
 
 /* Valeurs globales */
 mask-position: inherit;

files/fr/web/css/mask-repeat/index.md

@@ -134,19 +134,18 @@ Une ou plusieurs valeurs `<repeat-style>`, séparées par des virgules.
 .exemple {
   height: 100px;
   width: 100px;
-  background-color: rgb(128,128,128);
+  background-color: rgb(128, 128, 128);
   border: solid black 1px;
 
   /* Pour voir la bordure */
   -webkit-mask-clip: content;
   mask-clip: content;
 
-  -webkit-mask-image: url('https://developer.mozilla.org/static/img/favicon32.png');
-  mask-image: url('https://developer.mozilla.org/static/img/favicon32.png');
+  -webkit-mask-image: url("https://developer.mozilla.org/static/img/favicon32.png");
+  mask-image: url("https://developer.mozilla.org/static/img/favicon32.png");
 
   -webkit-mask-repeat: repeat-x;
   mask-repeat: repeat-x;
-
 }
 ```
 

files/fr/web/css/mask-type/index.md

@@ -46,13 +46,21 @@ La propriété `mask-type` est définie avec un mot-clé parmi ceux définis ci-
 
 ```html
 <div class="redsquare"></div>
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink" width="0" height="0">
+<svg
+  version="1.1"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  width="0"
+  height="0">
   <defs>
-    <mask id="m" maskContentUnits="objectBoundingBox"
-      style="mask-type:alpha">
-      <rect x=".1" y=".1" width=".8" height=".8"
-          fill="red" fill-opacity="0.7"/>
+    <mask id="m" maskContentUnits="objectBoundingBox" style="mask-type:alpha">
+      <rect
+        x=".1"
+        y=".1"
+        width=".8"
+        height=".8"
+        fill="red"
+        fill-opacity="0.7" />
     </mask>
   </defs>
 </svg>
@@ -80,13 +88,24 @@ La propriété `mask-type` est définie avec un mot-clé parmi ceux définis ci-
 
 ```html
 <div class="redsquare"></div>
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink" width="0" height="0">
+<svg
+  version="1.1"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  width="0"
+  height="0">
   <defs>
-    <mask id="m" maskContentUnits="objectBoundingBox"
+    <mask
+      id="m"
+      maskContentUnits="objectBoundingBox"
       style="mask-type:luminance">
-      <rect x=".1" y=".1" width=".8" height=".8"
-          fill="red" fill-opacity="0.7"/>
+      <rect
+        x=".1"
+        y=".1"
+        width=".8"
+        height=".8"
+        fill="red"
+        fill-opacity="0.7" />
     </mask>
   </defs>
 </svg>