- "html": "<p>Modify the values of the properties\nas they swap to match the new directions,\nas follows:</p>\n <ul>\n <li data-md=\"\">\n <p>For <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-logical-1/#inset-properties\" id=\"ref-for-inset-properties①⑧\">inset properties</a>,\nchange the specified side in <a class=\"css\" data-link-type=\"maybe\" href=\"https://drafts.csswg.org/css-anchor-position-1/#funcdef-anchor\" id=\"ref-for-funcdef-anchor①⑨\">anchor()</a> functions\nto maintain the same relative relationship to the new direction\nthat they had to the old.</p>\n <p>If a <a class=\"production css\" data-link-type=\"type\" href=\"https://drafts.csswg.org/css-values-4/#percentage-value\" id=\"ref-for-percentage-value②\"><percentage></a> is used,\nand <var>directions</var> are opposing,\nchange it to <span class=\"css\">100%</span> minus the original percentage.</p>\n \n </li><li data-md=\"\">\n <p>For <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-sizing-3/#sizing-property\" id=\"ref-for-sizing-property①\">sizing properties</a>,\nchange the specified axis in <a class=\"css\" data-link-type=\"maybe\" href=\"https://drafts.csswg.org/css-anchor-position-1/#funcdef-anchor-size\" id=\"ref-for-funcdef-anchor-size①⓪\">anchor-size()</a> functions\nto maintain the same relative relationship to the new direction\nthat they had to the old.</p>\n \n </li><li data-md=\"\">\n <p>For the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-align-3/#self-alignment-properties\" id=\"ref-for-self-alignment-properties③\">self-alignment properties</a>,\nif <var>directions</var> are opposing,\nchange the specified <a class=\"production css\" data-link-type=\"type\" href=\"https://drafts.csswg.org/css-align-3/#typedef-self-position\" id=\"ref-for-typedef-self-position\" title=\"Expands to: center | end | flex-end | flex-start | self-end | self-start | start\"><self-position></a>\n(or <span class=\"css\">left</span>/<span class=\"css\">right</span> keywords),\nif any,\nto maintain the same relative relationship to the new direction\nthat they had to the old.</p>\n \n </li><li data-md=\"\">\n <p>For <a class=\"property css\" data-link-type=\"property\" href=\"https://drafts.csswg.org/css-anchor-position-1/#propdef-position-area\" id=\"ref-for-propdef-position-area①③\">position-area</a>,\nchange the value\nso that the selected rows/columns of the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-anchor-position-1/#position-area-grid\" id=\"ref-for-position-area-grid④\">position-area grid</a>\nmaintain the same relative relationship to the new direction\nthat they had to the old.</p>\n \n </li></ul>"
0 commit comments