@@ -2237,6 +2237,10 @@ <h2 id=absolute>Elements with 'display' or ''grid'' or
22372237automatically with either extra rows or extra columns, if there are
22382238more children than predefined slots.
22392239
2240+ < p > Note that the template of a grid container is also mirrored and/or
2241+ rotated depending on the 'writing-mode' and 'direction' of the grid
2242+ container, unlike the template of a grid element.
2243+
22402244<!--=================================================================-->
22412245
22422246< h2 > Styling slots</ h2 >
@@ -2269,6 +2273,8 @@ <h3 id=slot-pseudo>The ''::slot()'' pseudo-element</h3>
22692273< ul >
22702274< li > background properties
22712275
2276+ < li > 'box-shadow'
2277+
22722278< li > 'vertical-align' (see < a href ="#vertical-alignment " > “vertical
22732279alignment”</ a > below)
22742280
@@ -2287,6 +2293,8 @@ <h3 id=slot-pseudo>The ''::slot()'' pseudo-element</h3>
22872293
22882294< li > margin properties
22892295
2296+ < li > outline properties
2297+
22902298< li > 'box-decoration-break'
22912299
22922300< li > column properties
@@ -2296,6 +2304,12 @@ <h3 id=slot-pseudo>The ''::slot()'' pseudo-element</h3>
22962304
22972305< li > 'opacity'
22982306
2307+ < li > transform properties
2308+
2309+ < li > mask properties
2310+
2311+ < li > 'filter'
2312+
22992313< li > 'content' (see < a href ="#content " > “Slots and the 'content'
23002314property”</ a > below)
23012315</ ul >
@@ -3949,7 +3963,7 @@ <h4 id=select-after-pseudo>Style the contents of slots (region-based
39493963
39503964< h4 > Orient the grid with writing mode vs orient the slots</ h4 >
39513965
3952- < p > A grid can contain vertical text, but the grid itself probably
3966+ < p > A grid can contain vertical text, but the grid itself
39533967doesn't need to be rotated or flipped. Indeed, it would be confusing
39543968if it did. In other words, the following element has vertical text in
39553969the top right slot and an image in the bottom right slot:
@@ -3967,6 +3981,15 @@ <h4>Orient the grid with writing mode vs orient the slots</h4>
39673981themselves can have a writing mode (by default the one “inherited”
39683982from the grid element).
39693983
3984+ < p > This is different for < em > container elements,</ em > i.e., elements
3985+ with a 'display' of ''grid'' or ''inline-grid'', as those are designed
3986+ for graphical user interfaces, where it is sometimes useful to swap a
3987+ row of buttons, e.g., in a different language. Grids inside other
3988+ elements (''block'', ''list-item'', ''inline-block'', ''table-cell'',
3989+ etc.) are more likely to depend on the orientation of the page
3990+ (landscape/portrait, recto/verso); but that has to be handled
3991+ explicitly by the designer by means of media queries and selectors.
3992+
39703993<!--=================================================================-->
39713994
39723995< h4 > Indicating the default slot ('*' vs '@')</ h4 >
0 commit comments