aboutsummaryrefslogtreecommitdiff
path: root/files/fr/glossary/flexbox
diff options
context:
space:
mode:
authorFlorian Merz <me@fiji-flo.de>2021-02-11 12:36:08 +0100
committerFlorian Merz <me@fiji-flo.de>2021-02-11 12:36:08 +0100
commit39f2114f9797eb51994966c6bb8ff1814c9a4da8 (patch)
tree66dbd9c921f56e440f8816ed29ac23682a1ac4ef /files/fr/glossary/flexbox
parent8260a606c143e6b55a467edf017a56bdcd6cba7e (diff)
downloadtranslated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.tar.gz
translated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.tar.bz2
translated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.zip
unslug fr: move
Diffstat (limited to 'files/fr/glossary/flexbox')
-rw-r--r--files/fr/glossary/flexbox/index.html48
1 files changed, 48 insertions, 0 deletions
diff --git a/files/fr/glossary/flexbox/index.html b/files/fr/glossary/flexbox/index.html
new file mode 100644
index 0000000000..413b6e24ff
--- /dev/null
+++ b/files/fr/glossary/flexbox/index.html
@@ -0,0 +1,48 @@
+---
+title: Flexbox
+slug: Glossaire/Flexbox
+tags:
+ - CSS
+ - Glossaire
+ - flexbox
+translation_of: Glossary/Flexbox
+---
+<p>Flexbox (<em>boîte flexible</em>) est le nom communément utilisé pour le <a href="https://www.w3.org/TR/css-flexbox-1/">module de mise en page des boîtes flexibles CSS</a>, un modèle de disposition pour afficher des éléments dans une seule dimension - comme une ligne ou une colonne.</p>
+
+<p>Dans la spécification, flexbox est décrite comme un modèle de disposition pour la conception de l'interface utilisateur. La caractéristique clé de flexbox est le fait que les articles dans une disposition flexible peuvent grandir et rétrécir. De l'espace peut être affecté aux éléments eux-mêmes ou distribué entre ou autour des éléments.</p>
+
+<p>Flexbox permet également l'alignement des éléments sur l'axe principal ou transversal, offrant ainsi un niveau élevé de contrôle sur la taille et l'alignement d'un groupe d'éléments.</p>
+
+<h2 id="En_apprendre_plus">En apprendre plus</h2>
+
+<h3 id="Références_de_la_propriété">Références de la propriété</h3>
+
+<div class="index">
+<ul>
+ <li>{{cssxref("align-content")}}</li>
+ <li>{{cssxref("align-items")}}</li>
+ <li>{{cssxref("align-self")}}</li>
+ <li>{{cssxref("flex")}}</li>
+ <li>{{cssxref("flex-basis")}}</li>
+ <li>{{cssxref("flex-direction")}}</li>
+ <li>{{cssxref("flex-flow")}}</li>
+ <li>{{cssxref("flex-grow")}}</li>
+ <li>{{cssxref("flex-shrink")}}</li>
+ <li>{{cssxref("flex-wrap")}}</li>
+ <li>{{cssxref("justify-content")}}</li>
+ <li>{{cssxref("order")}}</li>
+</ul>
+</div>
+
+<h3 id="En_lire_plus">En lire plus</h3>
+
+<ul>
+ <li><em><a href="https://www.w3.org/TR/css-flexbox-1/">CSS Flexible Box Layout Module Level 1 Specification</a></em></li>
+ <li>Guide Flexbox CSS : <em><a href="https://developer.mozilla.org/fr/docs/Web/CSS/Disposition_flexbox_CSS/Concepts_de_base_flexbox">Les concepts de base pour flexbox</a></em></li>
+ <li>Guide Flexbox CSS : <em><a href="https://developer.mozilla.org/fr/docs/Web/CSS/Disposition_flexbox_CSS/Liens_entre_flexbox_et_les_autres_dispositions">Les liens entre flexbox et les autres méthodes de disposition</a></em></li>
+ <li>Guide Flexbox CSS : <em><a href="https://developer.mozilla.org/fr/docs/Web/CSS/Disposition_flexbox_CSS/Aligner_des_%C3%A9l%C3%A9ments_dans_un_conteneur_flexible">Aligner des éléments dans un conteneur flexible</a></em></li>
+ <li>Guide Flexbox CSS : <em><a href="https://developer.mozilla.org/fr/docs/Web/CSS/Disposition_flexbox_CSS/Ordering_Flex_Items">Ordonner les éléments flexibles</a></em></li>
+ <li>Guide Flexbox CSS : <em><a href="https://developer.mozilla.org/fr/docs/Web/CSS/Disposition_flexbox_CSS/Contr%C3%B4ler_les_proportions_des_bo%C3%AEtes_flexibles_le_long_de_l_axe_principal">Contrôler les proportions des boîtes flexibles le long de l'axe principal</a></em></li>
+ <li>Guide Flexbox CSS : <em><a href="https://developer.mozilla.org/fr/docs/Web/CSS/Disposition_flexbox_CSS/Ma%C3%AEtriser_passage_%C3%A0_la_ligne_des_%C3%A9l%C3%A9ments_flexibles">Maîtriser le passage à la ligne des éléments flexibles</a></em></li>
+ <li>Guide Flexbox CSS : <em><a href="https://developer.mozilla.org/fr/docs/Web/CSS/Disposition_flexbox_CSS/Cas_utilisation_flexbox">Cas d'utilisation classiques de flexbox</a></em></li>
+</ul>