Skip to content

Commit

Permalink
feat: improvements on glossary alignment (#34099)
Browse files Browse the repository at this point in the history
  • Loading branch information
PassionPenguin committed Jun 17, 2024
1 parent 594cfb1 commit 19675a7
Show file tree
Hide file tree
Showing 2 changed files with 18 additions and 13 deletions.
27 changes: 15 additions & 12 deletions files/en-us/glossary/alignment_container/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,19 +6,22 @@ page-type: glossary-definition

{{GlossarySidebar}}

The **alignment container** is the rectangle that the [alignment subject](/en-US/docs/Glossary/Alignment_Subject) is aligned within. This is defined by the layout mode; it is usually the alignment subject's containing block, and assumes the writing mode of the box establishing the containing block.
The **alignment container** is the rectangle that the {{glossary("alignment subject")}} is aligned within. This is defined by the layout mode; it is usually the alignment subject's containing block, and assumes the writing mode of the box establishing the containing block.

## See also

- [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) module
- CSS {{CSSXref("align-content")}} property
- CSS {{CSSXref("align-items")}} property
- CSS {{CSSXref("align-self")}} property
- CSS {{CSSXref("align-tracks")}} property
- CSS {{CSSXref("justify-content")}} property
- CSS {{CSSXref("justify-items")}} property
- CSS {{CSSXref("justify-self")}} property
- CSS {{CSSXref("justify-tracks")}} property
- CSS {{CSSXref("place-content")}} shorthand property
- CSS {{CSSXref("place-self")}} shorthand property
- CSS {{CSSXref("scroll-snap-align")}} property
- Properties reference
- CSS {{CSSXref("align-content")}} property
- CSS {{CSSXref("align-items")}} property
- CSS {{CSSXref("align-self")}} property
- CSS {{CSSXref("align-tracks")}} property
- CSS {{CSSXref("justify-content")}} property
- CSS {{CSSXref("justify-items")}} property
- CSS {{CSSXref("justify-self")}} property
- CSS {{CSSXref("justify-tracks")}} property
- CSS {{CSSXref("place-content")}} shorthand property
- CSS {{CSSXref("place-self")}} shorthand property
- CSS {{CSSXref("scroll-snap-align")}} property
- Glossary
- {{Glossary("alignment subject")}}
4 changes: 3 additions & 1 deletion files/en-us/glossary/alignment_subject/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ page-type: glossary-definition

{{GlossarySidebar}}

In [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) the **alignment subject** is the thing (or things) being aligned by the property.
In [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) the **alignment subject** is the thing (or things) being aligned within the {{glossary("alignment container")}} by the property.

For {{cssxref("justify-self")}} and {{cssxref("align-self")}}, the alignment subject is the margin box of the box the property is set on, using the writing mode of that box. For {{cssxref("justify-content")}} and {{cssxref("align-content")}}, the writing mode of the box is also used.

Expand All @@ -24,3 +24,5 @@ The definition of the alignment subject depends on the layout mode being used.
## See also

- [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) module
- Glossary
- {{Glossary("alignment container")}}

0 comments on commit 19675a7

Please sign in to comment.