diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-10-18 23:16:22 +0900 |
---|---|---|
committer | potappo <potappo@gmail.com> | 2021-10-24 12:30:46 +0900 |
commit | 6edcb46b0c5b0a2062112bc98b76660713796d33 (patch) | |
tree | 3aba449f18d6f35bc2c3df896f502c972da4561b /files/ja/glossary/alignment_subject/index.md | |
parent | a41c517202ac5cb97533cd3149621c7e4c7ffdd9 (diff) | |
download | translated-content-6edcb46b0c5b0a2062112bc98b76660713796d33.tar.gz translated-content-6edcb46b0c5b0a2062112bc98b76660713796d33.tar.bz2 translated-content-6edcb46b0c5b0a2062112bc98b76660713796d33.zip |
CSS Box Alignment に関する用語集の項目を更新
2021/10/18 時点の英語版に同期
Diffstat (limited to 'files/ja/glossary/alignment_subject/index.md')
-rw-r--r-- | files/ja/glossary/alignment_subject/index.md | 40 |
1 files changed, 18 insertions, 22 deletions
diff --git a/files/ja/glossary/alignment_subject/index.md b/files/ja/glossary/alignment_subject/index.md index e1bba10224..0ee4918792 100644 --- a/files/ja/glossary/alignment_subject/index.md +++ b/files/ja/glossary/alignment_subject/index.md @@ -1,33 +1,29 @@ --- -title: Alignment subject +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> +[CSS ボックス配置](/ja/docs/Web/CSS/CSS_Box_Alignment)では、**配置対象物**はそのプロパティによって配置されるものを指します。 -<p>{{cssxref("justify-self")}} や {{cssxref("align-self")}} が設定されている場合、アラインメントサブジェクトはこれらのプロパティが設定されているボックスのマージンボックスです。そのボックスの writing mode を使用します。</p> +{{cssxref("justify-self")}} や {{cssxref("align-self")}} が設定されている場合、配置対象物はこれらのプロパティが設定されているボックスのマージンボックスです。そのボックスの書字方向を使用します。 -<p>{{cssxref("justify-content")}} や {{cssxref("align-content")}}の場合は、ボックスの writing mode も使用されます。アラインメントサブジェクトの定義は使用されているレイアウトのモードによります。</p> +{{cssxref("justify-content")}} や {{cssxref("align-content")}} の場合は、ボックスの書字方向も使用されます。配置対象物の定義は、使用されているレイアウトモードによります。 -<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> +- ブロックコンテナー (テーブルセルを含む) + - : 単一のユニットとしてのブロックの内容物全体です。 +- 段組みコンテナー + - : 段ボックスです。段ボックスの間に挿入されたスペースが、関連する段間に追加されます。 +- フレックスコンテナー + - : {{cssxref("justify-content")}} の場合は、それぞれのフレックス行の中のフレックスアイテムです。 + {{cssxref("align-content")}} の場合は、フレックス行です。ただし、複数行のフレックスコンテナーにだけ効果を発揮します。 +- グリッドコンテナー + - : 適切な軸のグリッドトラックです。トラック間にスペースを挿入すると、関連する溝に追加されます。溝が折り畳まれている場合は、スペースを挿入する唯一の機会として扱われます。 -<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> +- [CSS ボックス配置](/ja/docs/Web/CSS/CSS_Box_Alignment) |