Re: [csswg-drafts] [css-align] `justify-items` and anonymous block boxes (#11461)

> But it seems potentially unexpected that appending a block affects the alignment of the inline contents.

The specification is not entirely clear on this point:

[9.2.1.1 Anonymous block boxes](https://www.w3.org/TR/CSS22/visuren.html#anonymous-block-level) states:

>The properties of anonymous boxes are inherited from the enclosing non-anonymous box (e.g., in the example just below the subsection heading "Anonymous block boxes", the one for DIV). **Non-inherited properties have their initial value.** For example, the font of the anonymous box is inherited from the DIV, but the margins will be 0. 

However, [7.1. Inline-Axis (or Main-Axis) Alignment: the justify-items property](https://drafts.csswg.org/css-align/#justify-items-property) provides conflicting information:

- **Inherited:** no
- **Initial:** [legacy](https://drafts.csswg.org/css-align/#valdef-justify-items-legacy)

The `legacy` keyword causes the value to "effectively inherit into descendants." But inherit from where— the parent’s value?

>If the legacy keyword appears on its own (without an accompanying left, right, or center keyword): if the inherited value of justify-items includes the legacy keyword, this value computes to the inherited value; otherwise it computes to normal.

Yet, since `justify-items` is explicitly non-inherited, this behavior seems contradictory.


-- 
GitHub Notification of comment by gitspeaks
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11461#issuecomment-2578983399 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 9 January 2025 00:59:00 UTC