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/align-items/index.html | 29 ++++++++++------------------- 1 file changed, 10 insertions(+), 19 deletions(-) (limited to 'files/fr/web/css/align-items') diff --git a/files/fr/web/css/align-items/index.html b/files/fr/web/css/align-items/index.html index 1774fe755e..69e1fcd440 100644 --- a/files/fr/web/css/align-items/index.html +++ b/files/fr/web/css/align-items/index.html @@ -9,14 +9,14 @@ translation_of: Web/CSS/align-items ---
{{CSSRef}}
-

La propriété CSS align-items définit la valeur de {{cssxref("align-self")}} sur l'ensemble des éléments-fils directs. La propriété align-self définit elle l'alignement d'un objet au sein de son conteneur. Pour les boîtes flexibles, cette propriété contrôle l'alignement par rapport à l'axe secondaire (cross axis). Au sein d'une grille CSS, elle contrôle l'alignement des éléments sur l'axe de bloc de la zone de grille correspondante.

+

La propriété CSS align-items définit la valeur de {{cssxref("align-self")}} sur l'ensemble des éléments-fils directs.

+ +

La propriété align-self définit elle l'alignement d'un objet au sein de son conteneur. Pour les boîtes flexibles, cette propriété contrôle l'alignement par rapport à l'axe secondaire (cross axis). Au sein d'une grille CSS, elle contrôle l'alignement des éléments sur l'axe de bloc de la zone de grille correspondante.

L'exemple qui suit illustre le fonctionnement des différentes valeurs de align-items au sein d'une grile.

{{EmbedInteractiveExample("pages/css/align-items.html")}}
- -

À l'heure actuelle, cette propriété est prise en charge pour les dispositions Flexbox et grilles CSS. Pour les boîtes flexibles, cela contrôle l'alignement des objets sur l'axe secondaire et pour les grilles, cela contrôle l'alignement sur l'axe en bloc.

Syntaxe

@@ -79,9 +79,6 @@ align-items: unset;
Les éléments sont accolés au bord du début du conteneur dans l'axe de bloc.
self-end
Les éléments sont accolés au bord à la fin du conteneur dans l'axe de bloc.
- - -
baseline
first baseline
last baseline
@@ -92,18 +89,16 @@ align-items: unset;
Ce mot-clé est utilisé avec un mot-clé d'alignement. Si la taille d'un des éléments dépasse du conteneur avec la valeur d'alignement indiquée, l'alignement sera réalisé avec la valeur start à la place.
unsafe
Ce mot-clé est utilisé avec un mot-clé d'alignement. Quelle que soit la taille relative et l'éventuel dépassement de l'élément par rapport au conteneur, la valeur indiquée pour l'alignement est respectée.
-
-

Syntaxe formelle

-
+

Syntaxe formelle

{{csssyntax}}

Exemples

CSS

-
#container {
+
#container {
   height:200px;
   width: 240px;
   align-items: center; /* Cette valeur peut être modifiée dans l'exemple */
@@ -218,10 +213,7 @@ select {
 </div>
 

 
-
 
 
Résultat

 
@@ -278,10 +269,10 @@ display.addEventListener('change', function (evt) {
 
Voir aussi

 
 
-- 
cgit v1.2.3-54-g00ecf