diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-10-18 12:37:35 +0900 |
---|---|---|
committer | potappo <potappo@gmail.com> | 2021-10-24 12:30:46 +0900 |
commit | a41c517202ac5cb97533cd3149621c7e4c7ffdd9 (patch) | |
tree | 0b39c1f968014a3bf1d6be10f3134b151eaf555d /files/ja/glossary/alignment_subject/index.md | |
parent | d7db9eb9bc4e974229927e1387e48a57e1474c22 (diff) | |
download | translated-content-a41c517202ac5cb97533cd3149621c7e4c7ffdd9.tar.gz translated-content-a41c517202ac5cb97533cd3149621c7e4c7ffdd9.tar.bz2 translated-content-a41c517202ac5cb97533cd3149621c7e4c7ffdd9.zip |
CSS Box Alignment 関係の用語集の変換準備
Diffstat (limited to 'files/ja/glossary/alignment_subject/index.md')
-rw-r--r-- | files/ja/glossary/alignment_subject/index.md | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/files/ja/glossary/alignment_subject/index.md b/files/ja/glossary/alignment_subject/index.md new file mode 100644 index 0000000000..e1bba10224 --- /dev/null +++ b/files/ja/glossary/alignment_subject/index.md @@ -0,0 +1,33 @@ +--- +title: Alignment subject +slug: Glossary/Alignment_Subject +tags: + - Alignment subject + - CSS + - Glossary + - alignment +translation_of: Glossary/Alignment_Subject +--- +<p><a href="/ja/docs/Web/CSS/CSS_Box_Alignment">CSS Box Alignment</a> の中では、<strong>アラインメントサブジェクト</strong>はプロパティによって整列されるものです。</p> + +<p>{{cssxref("justify-self")}} や {{cssxref("align-self")}} が設定されている場合、アラインメントサブジェクトはこれらのプロパティが設定されているボックスのマージンボックスです。そのボックスの writing mode を使用します。</p> + +<p>{{cssxref("justify-content")}} や {{cssxref("align-content")}}の場合は、ボックスの writing mode も使用されます。アラインメントサブジェクトの定義は使用されているレイアウトのモードによります。</p> + +<dl> + <dt>ブロックコンテナー ( テーブルセルを含む )</dt> + <dd>シングルユニットとしてのブロックのコンテンツ全体です。</dd> + <dt>マルチカラムコンテナー</dt> + <dd>カラムボックスです。間にスペースが挿入されているカラムボックスは、関連するカラムギャップに追加されます。</dd> + <dt>フレックスコンテナー</dt> + <dd>{{cssxref("justify-content")}} の場合は、それぞれのフレックス行の中のフレックスアイテムです。<br> + {{cssxref("align-content")}} の場合は、フレックス行です。ただし、複数行のフレックスコンテナーにだけ効果を発揮します。</dd> + <dt>グリッドコンテナー</dt> + <dd>適切な軸のグリッドトラックです。トラック間にスペースを挿入すると、関連するガターに追加されます。折りたたまれたガターはスペース挿入の単一の機会です。</dd> +</dl> + +<h2 id="Learn_more" name="Learn_more">関連項目</h2> + +<ul> + <li><a href="/ja/docs/Web/CSS/CSS_Box_Alignment">CSS Box Alignment</a></li> +</ul> |