From 3335211db9ecb67dc0ccd9c4a7c1eb607ffe359f Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Fri, 17 Sep 2021 20:15:31 +0200 Subject: Prepare CSS section for Markdown conversion (#2307) * Removes summary / seoSummary classes * Remove div class=hidden and some notranslate * Remove hidden paragraphs for live sample * Remove hidden paragraphs for live sample - take 2 * Remove other hidden div and p - updated w/ en-US when necessary * Remove ids * Remove notranslate class * Fix typo which broke build * remove div class='index' * remove useless * remove non typographical sups * remove non typographical subs * remove blockindicator and fix some div.note * fix build :/ * remove useless classes * fix build - again :x * fix unhandled elements 1/N + embedlivesample build fail * fix div.warning * Fix fixable flaws - hoping to reduce error conversion * Remove unecessary images (same as en-US) * fix div notes * fix warnings * fix some dl handling * fix dls * Fix a bunch of conversion errors * rm unhandled figures * Fix other set of issues and revamp easing-function page * Fix some one-offs conversion errors (incl. deki files) * fix the rest of one-off conversion issues * Fix last dl standing --- files/fr/web/css/gap/index.html | 20 ++++++++------------ 1 file changed, 8 insertions(+), 12 deletions(-) (limited to 'files/fr/web/css/gap/index.html') diff --git a/files/fr/web/css/gap/index.html b/files/fr/web/css/gap/index.html index ec7935f221..a4e27262ac 100644 --- a/files/fr/web/css/gap/index.html +++ b/files/fr/web/css/gap/index.html @@ -14,15 +14,13 @@ translation_of: Web/CSS/gap
{{EmbedInteractiveExample("pages/css/gap.html")}}
- -

Note : La propriété {{cssxref("grid-gap")}} a initialement été définie dans le module de spécification CSS Grid Layout. Cette version préfixée a été remplacée par gap. Toutefois, à des fins de compatibilité envers les navigateurs qui n'implémentent pas encore la version non-préfixée, mieux vaut utiliser les deux versions.

Syntaxe

-
/* Une valeur de longueur */
+
/* Une valeur de longueur */
 /* Type <length>          */
 gap: 20px;
 gap: 1em;
@@ -80,7 +78,7 @@ gap: unset;
 
 

HTML

-
<div id="flexbox">
+
<div id="flexbox">
   <div></div>
   <div></div>
   <div></div>
@@ -92,7 +90,7 @@ gap: unset;
 
 

CSS

-
#flexbox {
+
#flexbox {
   display: flex;
   flex-wrap: wrap;
   width: 300px;
@@ -117,7 +115,7 @@ gap: unset;
 
 

HTML

-
<div id="grid">
+
<div id="grid">
   <div></div>
   <div></div>
   <div></div>
@@ -131,14 +129,12 @@ gap: unset;
 
 

CSS

- -
#grid {
+
#grid {
   display: grid;
   height: 200px;
   grid-template: repeat(3, 1fr) / repeat(3, 1fr);
@@ -159,7 +155,7 @@ gap: unset;
 
 

HTML

-
<p class="content-box">
+
<p class="content-box">
   voici un texte en multi-colonne sur des colonnes avec
   une gouttière de 40 pixels créée grâce à la propriété
   CSS <code>gap</code>. Est-ce que c'est pas trop génial ?
@@ -168,7 +164,7 @@ gap: unset;
 
 

CSS

-
.content-box {
+
.content-box {
   column-count: 3;
   gap: 40px;
 }
-- 
cgit v1.2.3-54-g00ecf