blob: 3289d952b2aed18969ba2210682ecbccaaea40f1 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
---
title: Alignment subject
slug: Glossaire/Alignment_Subject
translation_of: Glossary/Alignment_Subject
---
<p>Dans le <a href="/en-US/docs/Web/CSS/CSS_Box_Alignment">CSS Box Alignment (alignement des boîtes en CSS)</a> l'<strong>alignment subject</strong> (le sujet de l'alignement) est la ou les choses alignées par la propriété.</p>
<p>Pour {{cssxref("justify-self")}} et {{cssxref("align-self")}}, l'<strong>alignment subject</strong> est la marge de la boite sur laquelle la propriété est définie, en utilisant le mode d'écriture de cette zone.</p>
<p>Pour {{cssxref("justify-content")}} et {{cssxref("align-content")}}, le mode d'écriture de la boîte est également utilisé. La définition du sujet de l'alignement dépend du mode de mise en page utilisé.</p>
<dl>
<dt>Conteneurs de bloc (comprenant les cellules de tableau)</dt>
<dd>L'ensemble du contenu du bloc en une seule unité.</dd>
<dt>Conteneurs multi-colonne</dt>
<dd>Les boites de colonne, avec tout espacement inséré entre les boites de colonne ajoutées aux espaces de colonne appropriés.</dd>
<dt>Conteneurs flex</dt>
<dd>Pour {{cssxref("justify-content")}}, les éléments flexibles dans chaque ligne de flexible.<br>
Pour {{cssxref("align-content")}}, les lignes flexibles. Notez que cela n’a d’effet que sur les conteneurs flexibles multilignes.</dd>
<dt>Conteneurs grid</dt>
<dd>La grille suit l’axe approprié, avec tout espacement inséré entre les pistes ajoutées aux gouttières correspondantes. Les gouttières fusionnées sont traitées comme une seule opportunité d'insertion d'espace.</dd>
</dl>
<h2 id="Learn_more">Learn more</h2>
<ul>
<li><a href="/en-US/docs/Web/CSS/CSS_Box_Alignment">CSS Box Alignment</a></li>
</ul>
|
