|
13 | 13 | "html": "<p>If the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#alignment-subject\" id=\"ref-for-alignment-subject④⑥\">alignment subject</a> fits within the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-position-3/#inset-modified-containing-block\" id=\"ref-for-inset-modified-containing-block\">inset-modified containing block</a>,\nalign as specified to the extent possible\nwithout overflowing the <span id=\"ref-for-inset-modified-containing-block①\">inset-modified containing block</span>.</p>" |
14 | 14 | }, |
15 | 15 | { |
16 | | - "html": "<p>Otherwise,\nif the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#alignment-subject\" id=\"ref-for-alignment-subject④⑦\">alignment subject</a> fits within the <var>overflow limit rect</var>,\nalign the <span id=\"ref-for-alignment-subject④⑧\">alignment subject</span> such that\nit fully covers the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-position-3/#inset-modified-containing-block\" id=\"ref-for-inset-modified-containing-block②\">inset-modified containing block</a> and is otherwise aligned as specified to the extent possible\nwithout overflowing the <var>overflow limit rect</var>.</p>" |
| 16 | + "html": "<p>Otherwise,\nif the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#alignment-subject\" id=\"ref-for-alignment-subject④⑦\">alignment subject</a> fits within the <var>overflow limit rect</var>,\nalign the <span id=\"ref-for-alignment-subject④⑧\">alignment subject</span> such that\nit fully covers the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-position-3/#inset-modified-containing-block\" id=\"ref-for-inset-modified-containing-block②\">inset-modified containing block</a>\nand is otherwise aligned as specified to the extent possible\nwithout overflowing the <var>overflow limit rect</var>.</p>" |
17 | 17 | }, |
18 | 18 | { |
19 | | - "html": "<p>Otherwise,\nstart-align the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#alignment-subject\" id=\"ref-for-alignment-subject④⑨\">alignment subject</a> within the <var>overflow limit rect</var> (similar to <span class=\"css\">safe</span>).</p>" |
| 19 | + "html": "<p>Otherwise,\nstart-align the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#alignment-subject\" id=\"ref-for-alignment-subject④⑨\">alignment subject</a> within the <var>overflow limit rect</var>\n(similar to <span class=\"css\">safe</span>).</p>" |
20 | 20 | } |
21 | 21 | ] |
22 | 22 | }, |
|
43 | 43 | "rationale": "generate", |
44 | 44 | "steps": [ |
45 | 45 | { |
46 | | - "html": "<p>Generate the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#baseline-sharing-group\" id=\"ref-for-baseline-sharing-group①①\">baseline-sharing group</a>’s baseline table\nfrom the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-fonts-4/#first-available-font\" id=\"ref-for-first-available-font②\">first available font</a> of the group’s <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#shared-alignment-context\" id=\"ref-for-shared-alignment-context①③\">alignment context</a> and overlay also the mirror of this baseline table by aligning their central baselines.\nThese are the baseline “grids” to which the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#alignment-subject\" id=\"ref-for-alignment-subject⑦⑧\">alignment subjects</a> will align.</p>" |
| 46 | + "html": "<p>Generate the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#baseline-sharing-group\" id=\"ref-for-baseline-sharing-group①①\">baseline-sharing group</a>’s baseline table\nfrom the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-fonts-4/#first-available-font\" id=\"ref-for-first-available-font②\">first available font</a> of the group’s <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#shared-alignment-context\" id=\"ref-for-shared-alignment-context①③\">alignment context</a>\nand overlay also the mirror of this baseline table by aligning their central baselines.\nThese are the baseline “grids” to which the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#alignment-subject\" id=\"ref-for-alignment-subject⑦⑧\">alignment subjects</a> will align.</p>" |
47 | 47 | }, |
48 | 48 | { |
49 | | - "html": "<p>Align each <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#alignment-subject\" id=\"ref-for-alignment-subject⑦⑨\">alignment subject</a> by its specified <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#alignment-baseline\" id=\"ref-for-alignment-baseline⑨\">alignment baseline</a> to the group’s baseline table\nor its mirror, whichever matches the <span id=\"ref-for-alignment-subject⑧⓪\">alignment subject’s</span> <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-writing-modes-4/#line-orientation\" id=\"ref-for-line-orientation\">line orientation</a>.\nUnless otherwise specified (e.g. via the <a class=\"property css\" data-link-type=\"property\" href=\"https://drafts.csswg.org/css-inline-3/#propdef-alignment-baseline\" id=\"ref-for-propdef-alignment-baseline①\">alignment-baseline</a> property),\nthe <span id=\"ref-for-alignment-baseline①⓪\">alignment baseline</span> is the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-writing-modes-3/#dominant-baseline\" id=\"ref-for-dominant-baseline\">dominant baseline</a> of the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#shared-alignment-context\" id=\"ref-for-shared-alignment-context①④\">alignment context</a>.</p>" |
| 49 | + "html": "<p>Align each <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#alignment-subject\" id=\"ref-for-alignment-subject⑦⑨\">alignment subject</a> by its specified <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#alignment-baseline\" id=\"ref-for-alignment-baseline⑨\">alignment baseline</a>\nto the group’s baseline table\nor its mirror, whichever matches the <span id=\"ref-for-alignment-subject⑧⓪\">alignment subject’s</span> <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-writing-modes-4/#line-orientation\" id=\"ref-for-line-orientation\">line orientation</a>.\nUnless otherwise specified (e.g. via the <a class=\"property css\" data-link-type=\"property\" href=\"https://drafts.csswg.org/css-inline-3/#propdef-alignment-baseline\" id=\"ref-for-propdef-alignment-baseline①\">alignment-baseline</a> property),\nthe <span id=\"ref-for-alignment-baseline①⓪\">alignment baseline</span> is the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-writing-modes-3/#dominant-baseline\" id=\"ref-for-dominant-baseline\">dominant baseline</a> of the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#shared-alignment-context\" id=\"ref-for-shared-alignment-context①④\">alignment context</a>.</p>" |
50 | 50 | }, |
51 | 51 | { |
52 | | - "html": "<p>Position the aligned <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#baseline-sharing-group\" id=\"ref-for-baseline-sharing-group①②\">baseline-sharing group</a> within the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#alignment-container\" id=\"ref-for-alignment-container④⑨\">alignment container</a> according to its <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#fallback-alignment\" id=\"ref-for-fallback-alignment①⑦\">fallback alignment</a>.\nThe <span id=\"ref-for-fallback-alignment①⑧\">fallback alignment</span> of a <span id=\"ref-for-baseline-sharing-group①③\">baseline-sharing group</span> is the <span id=\"ref-for-fallback-alignment①⑨\">fallback alignment</span> of its items\nas resolved to <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-writing-modes-4/#physical-direction\" id=\"ref-for-physical-direction\">physical directions</a>.</p>" |
| 52 | + "html": "<p>Position the aligned <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#baseline-sharing-group\" id=\"ref-for-baseline-sharing-group①②\">baseline-sharing group</a> within the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#alignment-container\" id=\"ref-for-alignment-container④⑨\">alignment container</a>\naccording to its <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#fallback-alignment\" id=\"ref-for-fallback-alignment①⑦\">fallback alignment</a>.\nThe <span id=\"ref-for-fallback-alignment①⑧\">fallback alignment</span> of a <span id=\"ref-for-baseline-sharing-group①③\">baseline-sharing group</span>\nis the <span id=\"ref-for-fallback-alignment①⑨\">fallback alignment</span> of its items\nas resolved to <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-writing-modes-4/#physical-direction\" id=\"ref-for-physical-direction\">physical directions</a>.</p>" |
53 | 53 | }, |
54 | 54 | { |
55 | | - "html": "<p>For first/last <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#baseline-content-alignment\" id=\"ref-for-baseline-content-alignment①②\">baseline <em>content</em>-alignment</a>,\nthen add the minimum necessary extra space\nbetween the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#alignment-container\" id=\"ref-for-alignment-container⑤⓪\">alignment container’s</a> start/end content edge\nand the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#alignment-subject\" id=\"ref-for-alignment-subject⑧①\">alignment subject’s</a> edge\nto align the start/end margin edges of all the <span id=\"ref-for-alignment-container⑤①\">alignment containers</span> in the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#shared-alignment-context\" id=\"ref-for-shared-alignment-context①⑤\">alignment context</a> while maintaining baseline alignment within the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#baseline-sharing-group\" id=\"ref-for-baseline-sharing-group①④\">baseline-sharing group</a>.</p>" |
| 55 | + "html": "<p>For first/last <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#baseline-content-alignment\" id=\"ref-for-baseline-content-alignment①②\">baseline <em>content</em>-alignment</a>,\nthen add the minimum necessary extra space\nbetween the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#alignment-container\" id=\"ref-for-alignment-container⑤⓪\">alignment container’s</a> start/end content edge\nand the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#alignment-subject\" id=\"ref-for-alignment-subject⑧①\">alignment subject’s</a> edge\nto align the start/end margin edges of all the <span id=\"ref-for-alignment-container⑤①\">alignment containers</span>\nin the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#shared-alignment-context\" id=\"ref-for-shared-alignment-context①⑤\">alignment context</a>\nwhile maintaining baseline alignment within the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#baseline-sharing-group\" id=\"ref-for-baseline-sharing-group①④\">baseline-sharing group</a>.</p>" |
56 | 56 | } |
57 | 57 | ] |
58 | 58 | } |
|
0 commit comments