A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://github.com/w3c/csswg-drafts/commit/e1b0f2dcdc13c67718a4ea55964a60ebc434bfdb below:

[css-align] Better define the conditions of baseline synthesis when b… · w3c/csswg-drafts@e1b0f2d · GitHub

File tree 1 file changed

+14

-10

lines changed

Filter options

1 file changed

+14

-10

lines changed Original file line number Diff line number Diff line change

@@ -1574,23 +1574,27 @@ Baseline Alignment Terminology</h3>

1574 1574 1575 1575

</ul>

1576 1576 1577 -

The <a>baseline alignment preferences</a> of two boxes are compatible if they have the same <a>block flow direction</a> and <a>baseline alignment preference</a>,

1578 -

or have opposite <a>block flow direction</a> and opposite <a>baseline alignment preference</a>.

1579 -

For this purpose, boxes that establish an <a>orthogonal flow</a>

1580 -

are treated as having the same <a>block flow direction</a>

1581 -

as their <a>alignment context</a>,

1577 +

The <a>baseline alignment preferences</a> of two boxes in a <a>baseline-sharing group</a> are compatible if they have:

1578 + 1579 +

* the same <a>block flow direction</a> and <a>baseline alignment preference</a>

1580 +

* opposite <a>block flow direction</a> and opposite <a>baseline alignment preference</a>

1581 + 1582 +

For this purpose, boxes whose <a>block flow direction</a> is parallel to the <a>alignment context</a>’s axis

1583 +

are treated as having a <a>block flow direction</a>

1584 +

orthogonal to the <a>alignment context’s</a> axis

1585 +

and directed end-ward relative to the box that establishes the <a>alignment context</a>,

1582 1586

and their baselines are <a>synthesized</a> accordingly,

1583 1587

exactly as for replaced elements and other boxes that have no <a>natural baseline</a>.

1584 1588 1585 1589 1586 1590

Boxes share an <dfn lt="shared alignment context|alignment context" export>alignment context</dfn> along a particular axis when they are:

1587 1591 1588 1592

<ul>

1589 -

<li>table cells in the same row, along the table's row (inline) axis

1590 -

<li>table cells in the same column, along the table's column (block) axis

1591 -

<li>grid items in the same row, along the grid's row (inline) axis

1592 -

<li>grid items in the same column, along the grid's colum (block) axis

1593 -

<li>flex items in the same flex line, along the flex container's main axis

1593 +

<li>table cells in the same row, along the table's row (inline) axis, established by the row box

1594 +

<li>table cells in the same column, along the table's column (block) axis, established by the column box

1595 +

<li>grid items in the same row, along the grid's row (inline) axis, established by the <a>grid container</a>

1596 +

<li>grid items in the same column, along the grid's colum (block) axis, established by the <a>grid container</a>

1597 +

<li>flex items in the same flex line, along the flex container's main axis, established by the <a>flex container</a>

1594 1598

</ul>

1595 1599 1596 1600

Note: Conceptually,

You can’t perform that action at this time.


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.3