id references title flags links revision credits assertion
abs-pos-non-replaced-vlr-003 reference/abs-pos-non-replaced-vlr-003-ref absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 80044558ec470a66785b5da722682b18f65758b5 `Gérard Talbot` When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are 'auto', then the height becomes shrink-to-fit and then solve for 'bottom'.
abs-pos-non-replaced-vlr-005 reference/abs-pos-non-replaced-vrl-004-ref absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout fda6c584e861d3c90a255b3ac1dcf93cb2b5b7c9 `Gérard Talbot` When 'direction' is 'ltr' and 'left', 'width' and 'right' are 'auto', then the width becomes shrink-to-fit and then solve for 'right'.
abs-pos-non-replaced-vlr-007 reference/abs-pos-non-replaced-vlr-007-ref absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 71fb71e91dcdb8f8b224b8bc0ae6d41a2f1ba14f `Gérard Talbot` When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are 'auto', then the height becomes shrink-to-fit and then solve for 'bottom'.
abs-pos-non-replaced-vlr-009 reference/abs-pos-non-replaced-vlr-009-ref absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 8b7ab0e0928035902853af0440a3d96ea52582ce `Gérard Talbot` When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are 'auto', then the height becomes shrink-to-fit and then solve for 'top'.
abs-pos-non-replaced-vlr-011 reference/abs-pos-non-replaced-vlr-009-ref absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 19c101103fc566c7e70986b62752320e5b3fe002 `Gérard Talbot` When 'direction' is 'rtl' and 'left', 'width' and 'right' are 'auto', then the width becomes shrink-to-fit and then solve for 'left'.
abs-pos-non-replaced-vlr-013 reference/abs-pos-non-replaced-vlr-013-ref absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 1cbdb562b1685c152b13bccdbb52c4e94c33393e `Gérard Talbot` When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are 'auto', then the height becomes shrink-to-fit and then solve for 'top'.
abs-pos-non-replaced-vlr-015 reference/abs-pos-non-replaced-vlr-009-ref absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' are 'auto' and bottom is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout c16ca510c043754da349f414a0fc0bdff31c22ad `Gérard Talbot` When 'direction' is 'ltr' and 'top', 'height' are 'auto' and bottom is not 'auto', then the height becomes shrink-to-fit and then solve for 'top'.
abs-pos-non-replaced-vlr-017 reference/abs-pos-non-replaced-vlr-003-ref absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 073c59d596182a1e67fded5c5422c6f6cf75f24e `Gérard Talbot` When 'direction' is 'ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width becomes shrink-to-fit and then solve for 'left'.
abs-pos-non-replaced-vlr-019 reference/abs-pos-non-replaced-vlr-013-ref absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'height' are 'auto and 'bottom' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 78f12c7a3ac9d3fe999d53e317826cefdf602d04 `Gérard Talbot` When 'direction' is 'ltr' and 'top' and 'height' are 'auto and 'bottom' is not 'auto', then the height becomes shrink-to-fit and then solve for 'top'.
abs-pos-non-replaced-vlr-021 reference/abs-pos-non-replaced-vlr-009-ref absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'height' are 'auto and 'bottom' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 6c6042791f07e0ebaf3cb07bc671e58343b30749 `Gérard Talbot` When 'direction' is 'rtl' and 'top' and 'height' are 'auto and 'bottom' is not 'auto', then the height becomes shrink-to-fit and then solve for 'top'.
abs-pos-non-replaced-vlr-023 reference/abs-pos-non-replaced-vlr-009-ref absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 2e1b291a2db9cbca14b70be4cdb271175b47c431 `Gérard Talbot` When 'direction' is 'rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width becomes shrink-to-fit and then solve for 'left'.
abs-pos-non-replaced-vlr-025 reference/abs-pos-non-replaced-vlr-013-ref absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 84c7e4b73327623c37a40c6234767dc0971f2663 `Gérard Talbot` When 'direction' is 'rtl' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto', then the height becomes shrink-to-fit and then solve for 'top'.
abs-pos-non-replaced-vlr-027 reference/abs-pos-non-replaced-vlr-003-ref absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'bottom are 'auto' and 'height' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 411df97878ac1701a63ccaf21be0202876906ee5 `Gérard Talbot` When 'direction' is 'ltr' and 'top' and 'bottom are 'auto' and 'height' is not 'auto', then set 'top' to static position and solve for 'bottom'.
abs-pos-non-replaced-vlr-029 reference/abs-pos-non-replaced-vrl-004-ref absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout cc46925599384ee988510ea3c5847c3641631511 `Gérard Talbot` When 'direction' is 'ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto', then set 'left' to the static position and then solve for 'right'.
abs-pos-non-replaced-vlr-031 reference/abs-pos-non-replaced-vlr-007-ref absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'bottom are 'auto' and 'height' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout c73d6cb1d21ad7bc50545b7805dcf4a48790440d `Gérard Talbot` When 'direction' is 'ltr' and 'top' and 'bottom are 'auto' and 'height' is not 'auto', then set 'top' to static position and solve for 'bottom'.
abs-pos-non-replaced-vlr-033 reference/abs-pos-non-replaced-vlr-009-ref absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'bottom' are 'auto and 'height' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout ecdef6644b497ea3396b0d5ff679410d3d3da7da `Gérard Talbot` When 'direction' is 'rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto', then set 'bottom' to static position and solve for 'top'.
abs-pos-non-replaced-vlr-035 reference/abs-pos-non-replaced-vlr-009-ref absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 44d3add2cbcbecbd71913f71fcbdc4805b38eff9 `Gérard Talbot` When 'direction' is 'rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto', then set 'right' to the static position and then solve for 'left'.
abs-pos-non-replaced-vlr-037 reference/abs-pos-non-replaced-vlr-013-ref absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout bcc38d9bf081d85976001de03b2106bcec4eaf8c `Gérard Talbot` When 'direction' is 'rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto', then set 'bottom' to static position and then solve for 'top'.
abs-pos-non-replaced-vlr-039 reference/abs-pos-non-replaced-vlr-009-ref absolutely positioned non-replaced element - 'direction: ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 15777529973e8cbfba8de59a386666e88ad7ec8c `Gérard Talbot` When 'direction' is 'ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height becomes shrink-to-fit and then solve for 'bottom'.
abs-pos-non-replaced-vlr-041 reference/abs-pos-non-replaced-vlr-009-ref absolutely positioned non-replaced element - 'direction: ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 0cc2cb2ccc1addab5ba7b395f7d5d144ebbe2f77 `Gérard Talbot` When 'direction' is 'ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width becomes shrink-to-fit and then solve for 'right'.
abs-pos-non-replaced-vlr-043 reference/abs-pos-non-replaced-vlr-013-ref absolutely positioned non-replaced element - 'direction: ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 777388ae15e4179b8e46ffd1809abf85b6935596 `Gérard Talbot` When 'direction' is 'ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height becomes shrink-to-fit and then solve for 'bottom'.
abs-pos-non-replaced-vlr-045 reference/abs-pos-non-replaced-vlr-009-ref absolutely positioned non-replaced element - 'direction: rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 1cb3c668aed23339d9e2788c103d4ab4efb89b95 `Gérard Talbot` When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height becomes shrink-to-fit and then solve for 'bottom'.
abs-pos-non-replaced-vlr-047 reference/abs-pos-non-replaced-vlr-009-ref absolutely positioned non-replaced element - 'direction: rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 55e2984027f42975c2c8198732ae4ca18e5c524e `Gérard Talbot` When 'direction' is 'rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width becomes shrink-to-fit and then solve for 'right'.
abs-pos-non-replaced-vlr-049 reference/abs-pos-non-replaced-vlr-013-ref absolutely positioned non-replaced element - 'direction: rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 03eb3fc67f9e83725aac607cdc483200ded2dbe5 `Gérard Talbot` When 'direction' is 'rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height becomes shrink-to-fit and then solve for 'bottom'.
abs-pos-non-replaced-vlr-051 reference/abs-pos-non-replaced-vlr-003-ref absolutely positioned non-replaced element - 'direction: ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 8e6726762380d3ea4d55a56274b1d69ee2450da8 `Gérard Talbot` When 'direction' is 'ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.
abs-pos-non-replaced-vlr-053 reference/abs-pos-non-replaced-vrl-004-ref absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto', 'width' and 'right' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 7f43367a27cb4fc8738639d05b4dc749f74a6d37 `Gérard Talbot` When 'direction' is 'ltr' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left'.
abs-pos-non-replaced-vlr-055 reference/abs-pos-non-replaced-vlr-007-ref absolutely positioned non-replaced element - 'direction: ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 090daee48ae2c75c2a6b2312ee0186cfaec68d63 `Gérard Talbot` When 'direction' is 'ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then then solve for 'top'.
abs-pos-non-replaced-vlr-057 reference/abs-pos-non-replaced-vlr-003-ref absolutely positioned non-replaced element - 'direction: rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout bab4421b31419a82ee6148db78257780336452d0 `Gérard Talbot` When 'direction' is 'rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.
abs-pos-non-replaced-vlr-059 reference/abs-pos-non-replaced-vrl-004-ref absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout a863a01f79502d3fffc3a5b88998c3ccb32b8fd8 `Gérard Talbot` When 'direction' is 'rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left', then solve for 'left'.
abs-pos-non-replaced-vlr-061 reference/abs-pos-non-replaced-vlr-007-ref absolutely positioned non-replaced element - 'direction: rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout c0458f6b4cfbdade72c3ee30dbbff9c1db182c95 `Gérard Talbot` When 'direction' is 'rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.
abs-pos-non-replaced-vlr-063 reference/abs-pos-non-replaced-vlr-003-ref absolutely positioned non-replaced element - 'direction: ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout b67fda77de2eab4c8f08fc5c37be000da733809a `Gérard Talbot` When 'direction' is 'ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then then solve for 'height'.
abs-pos-non-replaced-vlr-065 reference/abs-pos-non-replaced-vrl-004-ref absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto', 'left' and 'right' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout b3a88b247d6a5f99d64d8d544707607999738b59 `Gérard Talbot` When 'direction' is 'ltr' and 'left', 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width'.
abs-pos-non-replaced-vlr-067 reference/abs-pos-non-replaced-vlr-007-ref absolutely positioned non-replaced element - 'direction: ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 5a374c3cf952fb808e60889408a759ef1eab74d9 `Gérard Talbot` When 'direction' is 'ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then solve for 'height'.
abs-pos-non-replaced-vlr-069 reference/abs-pos-non-replaced-vlr-003-ref absolutely positioned non-replaced element - 'direction: rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout f61cacfecd7fa3892a7092b60dc21ff5881bc7ba `Gérard Talbot` When 'direction' is 'rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then solve for 'height'.
abs-pos-non-replaced-vlr-071 reference/abs-pos-non-replaced-vrl-004-ref absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto', 'left' and 'right' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 62efcc6f7af2a6bb8688eef67e7c5b22cc73299f `Gérard Talbot` When 'direction' is 'rtl' and 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width'.
abs-pos-non-replaced-vlr-073 reference/abs-pos-non-replaced-vlr-007-ref absolutely positioned non-replaced element - 'direction: rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 30aa060c5b7e69b962f86345c70e503e7c3a3b10 `Gérard Talbot` When 'direction' is 'rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then then solve for 'height'.
abs-pos-non-replaced-vlr-075 reference/abs-pos-non-replaced-vlr-009-ref absolutely positioned non-replaced element - 'direction: ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 72ad774a0611926418e551f601ec529680ad2ab4 `Gérard Talbot` When 'direction' is 'ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vlr-077 reference/abs-pos-non-replaced-vlr-009-ref absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto', 'left' and 'width' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 1ee9bf362270b03d9344738f0f12387216b7bb81 `Gérard Talbot` When 'direction' is 'ltr' and 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right'.
abs-pos-non-replaced-vlr-079 reference/abs-pos-non-replaced-vlr-013-ref absolutely positioned non-replaced element - 'direction: ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 63b77ca16652069757f4358f3c8dae36c185d6d1 `Gérard Talbot` When 'direction' is 'ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vlr-081 reference/abs-pos-non-replaced-vlr-009-ref absolutely positioned non-replaced element - 'direction: rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout ba8856eae931e9dc8758dedf30ca63ebf00af105 `Gérard Talbot` When 'direction' is 'rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vlr-083 reference/abs-pos-non-replaced-vlr-009-ref absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto', 'left' and 'width' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 9418b514bfb296a2e05af6710a1c459f9d97ee94 `Gérard Talbot` When 'direction' is 'rtl' and 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right'
abs-pos-non-replaced-vlr-085 reference/abs-pos-non-replaced-vlr-013-ref absolutely positioned non-replaced element - 'direction: rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 705ed501b9fe28a0ba04d635df9c22bd28777a50 `Gérard Talbot` When 'direction' is 'rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vlr-087 reference/abs-pos-non-replaced-vlr-003-ref absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 99a0e584d3ecfe70a98674e25432428aea7ee187 `Gérard Talbot` When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are not 'auto' and if the values are overconstrained, then ignore 'bottom' and solve for 'bottom'.
abs-pos-non-replaced-vlr-089 reference/abs-pos-non-replaced-vrl-004-ref absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are not 'auto' (overconstrained) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout a1d15c4fa45c9124ee2c73ab5c90144f22e35458 `Gérard Talbot` When 'direction' is 'ltr' and 'left', 'width' and 'right' are not 'auto' (overconstrained), then ignore 'right' and then solve for 'right'.
abs-pos-non-replaced-vlr-091 reference/abs-pos-non-replaced-vlr-007-ref absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout d33a723dbb06ca3ff1e16cebc0cde26cedad1b16 `Gérard Talbot` When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are not 'auto' and if the values are overconstrained, then ignore 'bottom' and solve for 'bottom'.
abs-pos-non-replaced-vlr-093 reference/abs-pos-non-replaced-vlr-009-ref absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout f99adebfa104ef11ad30ddeaffdb1f5da3833659 `Gérard Talbot` When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are not 'auto' and if the values are overconstrained, then ignore 'top' and solve for 'top'.
abs-pos-non-replaced-vlr-095 reference/abs-pos-non-replaced-vlr-009-ref absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 3c316c78c24202b05af1c54cee23bef2741f165c `Gérard Talbot` When 'direction' is 'rtl' and 'left', 'width' and 'right' are not 'auto' and if the values are overconstrained, then ignore 'left' and then solve for 'left'.
abs-pos-non-replaced-vlr-097 reference/abs-pos-non-replaced-vlr-013-ref absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout f9cb538f68b844c9dbf3db048438d7ef7f964c13 `Gérard Talbot` When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are not 'auto' and if the values are overconstrained, then ignore 'top' and solve for 'top'.
abs-pos-non-replaced-vrl-002 reference/abs-pos-non-replaced-vrl-002-ref absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout adf04e9b660300fdec54119c171bde5ddfb6a3bd `Gérard Talbot` When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are 'auto', then the height becomes shrink-to-fit and then solve for 'bottom'.
abs-pos-non-replaced-vrl-004 reference/abs-pos-non-replaced-vrl-004-ref absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 638fc99170c2ec64bd6fc6169407e29fb88aad18 `Gérard Talbot` When 'direction' is 'ltr' and 'left', 'width' and 'right' are 'auto', then the width becomes shrink-to-fit and then solve for 'right'.
abs-pos-non-replaced-vrl-006 reference/abs-pos-non-replaced-vrl-006-ref absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout a010109a90157b4ebbf9da6ffe0c1e73ae49863d `Gérard Talbot` When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are 'auto', then the height becomes shrink-to-fit and then solve for 'bottom'.
abs-pos-non-replaced-vrl-008 reference/abs-pos-non-replaced-vrl-004-ref absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout c292e2bf1a844316c16212edcaa271f20cefb4dc `Gérard Talbot` When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are 'auto', then the height becomes shrink-to-fit and then solve for 'top'.
abs-pos-non-replaced-vrl-010 reference/abs-pos-non-replaced-vlr-009-ref absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout d81d4d35de5075437a26f55262e814c6b0254aeb `Gérard Talbot` When 'direction' is 'rtl' and 'left', 'width' and 'right' are 'auto', then the width becomes shrink-to-fit and then solve for 'left'.
abs-pos-non-replaced-vrl-012 reference/abs-pos-non-replaced-vrl-012-ref absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 0fdafaeea197583461e9b00c7e2572d5dcdc7e3a `Gérard Talbot` When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are 'auto', then the height becomes shrink-to-fit and then solve for 'top'.
abs-pos-non-replaced-vrl-014 reference/abs-pos-non-replaced-vrl-004-ref absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' are 'auto' and bottom is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout aa5369bc72dfc72a7d9e0ce4b5e1bbdcfe40b10b `Gérard Talbot` When 'direction' is 'ltr' and 'top', 'height' are 'auto' and 'bottom' is not 'auto', then the height becomes shrink-to-fit and then solve for 'top'.
abs-pos-non-replaced-vrl-016 reference/abs-pos-non-replaced-vlr-003-ref absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout a14b6b332fa78a8ae17da4c432744acccdac2031 `Gérard Talbot` When 'direction' is 'ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width becomes shrink-to-fit and then solve for 'left'.
abs-pos-non-replaced-vrl-018 reference/abs-pos-non-replaced-vrl-012-ref absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'height' are 'auto and 'bottom' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout d1a8e3851b96ced7ee1cd0270363545ee320ad48 `Gérard Talbot` When 'direction' is 'ltr' and 'top' and 'height' are 'auto and 'bottom' is not 'auto', then the height becomes shrink-to-fit and then solve for 'top'.
abs-pos-non-replaced-vrl-020 reference/abs-pos-non-replaced-vrl-004-ref absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'height' are 'auto and 'bottom' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 8071983518dbaa8ef22f0b0f470f9a3d8b90da2b `Gérard Talbot` When 'direction' is 'rtl' and 'top' and 'height' are 'auto and 'bottom' is not 'auto', then the height becomes shrink-to-fit and then solve for 'top'.
abs-pos-non-replaced-vrl-022 reference/abs-pos-non-replaced-vlr-009-ref absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 04700c70449502b9fead3ec9060bfb83a80940aa `Gérard Talbot` When 'direction' is 'rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width becomes shrink-to-fit and then solve for 'left'.
abs-pos-non-replaced-vrl-024 reference/abs-pos-non-replaced-vrl-012-ref absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 6ec70ff94ea19a5e72885c3bf2ff3b8d4ebc0a71 `Gérard Talbot` When 'direction' is 'rtl' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto', then the height becomes shrink-to-fit and then solve for 'top'.
abs-pos-non-replaced-vrl-026 reference/abs-pos-non-replaced-vrl-002-ref absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'bottom are 'auto' and 'height' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 865c01a7ef08223577f5702a73c74fc65b2b90dd `Gérard Talbot` When 'direction' is 'ltr' and 'top' and 'bottom are 'auto' and 'height' is not 'auto', then set 'top' to static position and solve for 'bottom'.
abs-pos-non-replaced-vrl-028 reference/abs-pos-non-replaced-vrl-004-ref absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout a71f29c9da554e8d1beb62f6912afab01087f218 `Gérard Talbot` When 'direction' is 'ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto', then set 'left' to the static position and then solve for 'right'.
abs-pos-non-replaced-vrl-030 reference/abs-pos-non-replaced-vrl-006-ref absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'bottom are 'auto' and 'height' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout c92e3adda9c7ae012b5748ec50e701760ef84d4b `Gérard Talbot` When 'direction' is 'ltr' and 'top' and 'bottom are 'auto' and 'height' is not 'auto', then set 'top' to static position and solve for 'bottom'.
abs-pos-non-replaced-vrl-032 reference/abs-pos-non-replaced-vrl-004-ref.xht-ref absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'bottom' are 'auto and 'height' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 08641660df6b80690ef3c398dc446440e4329ff0 `Gérard Talbot` When 'direction' is 'rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto', then set 'bottom' to static position and solve for 'top'.
abs-pos-non-replaced-vrl-034 reference/abs-pos-non-replaced-vlr-009-ref absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 66b68f6a8de20273be2ceec83bafd1bbaa9a8379 `Gérard Talbot` When 'direction' is 'rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto', then set 'right' to the static position and then solve for 'left'.
abs-pos-non-replaced-vrl-036 reference/abs-pos-non-replaced-vrl-012-ref absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout a02cfb4381deeeb956822b31ea7541824ee0f4b6 `Gérard Talbot` When 'direction' is 'rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto', then set 'bottom' to static position and then solve for 'top'.
abs-pos-non-replaced-vrl-038 reference/abs-pos-non-replaced-vrl-004-ref absolutely positioned non-replaced element - 'direction: ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout e06c3937507dd7706514e3ac0d338a980c91fd1c `Gérard Talbot` When 'direction' is 'ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height becomes shrink-to-fit and then solve for 'bottom'.
abs-pos-non-replaced-vrl-040 reference/abs-pos-non-replaced-vlr-009-ref absolutely positioned non-replaced element - 'direction: ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 5132b3256bad430e1da98bd1d51a45e4feda7d58 `Gérard Talbot` When 'direction' is 'ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width becomes shrink-to-fit and then solve for 'right'.
abs-pos-non-replaced-vrl-042 reference/abs-pos-non-replaced-vrl-012-ref absolutely positioned non-replaced element - 'direction: ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 1832910e380517d2174f62cd099b3ff34c920ada `Gérard Talbot` When 'direction' is 'ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height becomes shrink-to-fit and then solve for 'bottom'.
abs-pos-non-replaced-vrl-044 reference/abs-pos-non-replaced-vrl-004-ref absolutely positioned non-replaced element - 'direction: rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 97371631442bc24e03fae018861d2b559020efe1 `Gérard Talbot` When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height becomes shrink-to-fit and then solve for 'bottom'.
abs-pos-non-replaced-vrl-046 reference/abs-pos-non-replaced-vlr-009-ref absolutely positioned non-replaced element - 'direction: rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 930470c6c410890b9466a498b80679f9e50ac9a5 `Gérard Talbot` When 'direction' is 'rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width becomes shrink-to-fit and then solve for 'right'.
abs-pos-non-replaced-vrl-048 reference/abs-pos-non-replaced-vrl-012-ref absolutely positioned non-replaced element - 'direction: rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout cddd16247023b1aeaa16d074770f1c13aac6eadd `Gérard Talbot` When 'direction' is 'rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height becomes shrink-to-fit and then solve for 'bottom'.
abs-pos-non-replaced-vrl-050 reference/abs-pos-non-replaced-vrl-002-ref absolutely positioned non-replaced element - 'direction: ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 58f7257569486226719d9d5fa03ee2046844cc30 `Gérard Talbot` When 'direction' is 'ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.
abs-pos-non-replaced-vrl-052 reference/abs-pos-non-replaced-vrl-004-ref absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto', 'width' and 'right' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout f2d1b2ede28033e0892074f48d083125e17030ff `Gérard Talbot` When 'direction' is 'ltr' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left'.
abs-pos-non-replaced-vrl-054 reference/abs-pos-non-replaced-vrl-006-ref absolutely positioned non-replaced element - 'direction: ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout a09ad1de4dace257a1c332202c9861445b9a095a `Gérard Talbot` When 'direction' is 'ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then then solve for 'top'.
abs-pos-non-replaced-vrl-056 reference/abs-pos-non-replaced-vrl-002-ref absolutely positioned non-replaced element - 'direction: rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout a5a4b8350ec8c507cab337156d4ca7204ce9ab57 `Gérard Talbot` When 'direction' is 'rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.
abs-pos-non-replaced-vrl-058 reference/abs-pos-non-replaced-vrl-004-ref absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 7ff68bc90a0aef2c30b9f482a3ee24e57166cf4d `Gérard Talbot` When 'direction' is 'rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left', then solve for 'left'.
abs-pos-non-replaced-vrl-060 reference/abs-pos-non-replaced-vrl-006-ref absolutely positioned non-replaced element - 'direction: rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 8fd4100b596bce182967fea9647eb35013e00d05 `Gérard Talbot` When 'direction' is 'rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.
abs-pos-non-replaced-vrl-062 reference/abs-pos-non-replaced-vrl-002-ref absolutely positioned non-replaced element - 'direction: ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout e987bcf560e75a9f1850a1faf82a33180a34a394 `Gérard Talbot` When 'direction' is 'ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then then solve for 'height'.
abs-pos-non-replaced-vrl-064 reference/abs-pos-non-replaced-vrl-004-ref absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto', 'left' and 'right' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 219d2af0decf698964aee9d32806b3876f8c7075 `Gérard Talbot` When 'direction' is 'ltr' and 'left', 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width'.
abs-pos-non-replaced-vrl-066 reference/abs-pos-non-replaced-vrl-006-ref absolutely positioned non-replaced element - 'direction: ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout f0f7762e6ac1935270ce7a12b0672752aeb97fa8 `Gérard Talbot` When 'direction' is 'ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then solve for 'height'.
abs-pos-non-replaced-vrl-068 reference/abs-pos-non-replaced-vrl-002-ref absolutely positioned non-replaced element - 'direction: rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout a7c96dcf82863da905646174fd8a40cdaac48597 `Gérard Talbot` When 'direction' is 'rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then solve for 'height'.
abs-pos-non-replaced-vrl-070 reference/abs-pos-non-replaced-vrl-004-ref absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto', 'left' and 'right' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 0b3ad9212532d2bf0ed60bf3437a800e232701ac `Gérard Talbot` When 'direction' is 'rtl' and 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width'.
abs-pos-non-replaced-vrl-072 reference/abs-pos-non-replaced-vrl-006-ref absolutely positioned non-replaced element - 'direction: rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 75b3058cdd5ef978fe8fa51ad0f65352c04b1e53 `Gérard Talbot` When 'direction' is 'rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then then solve for 'height'.
abs-pos-non-replaced-vrl-074 reference/abs-pos-non-replaced-vrl-004-ref absolutely positioned non-replaced element - 'direction: ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 48221ac36249afa60c1b9d51869b26b45da4fa02 `Gérard Talbot` When 'direction' is 'ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vrl-076 reference/abs-pos-non-replaced-vlr-009-ref absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto', 'left' and 'width' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 9d46898eca67a5d64faa52fb17136ed5dd2c234a `Gérard Talbot` When 'direction' is 'ltr' and 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right'.
abs-pos-non-replaced-vrl-078 reference/abs-pos-non-replaced-vrl-012-ref absolutely positioned non-replaced element - 'direction: ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 2f5cb96acd07a95a580cb20af9f7cc9a9e3213df `Gérard Talbot` When 'direction' is 'ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vrl-080 reference/abs-pos-non-replaced-vrl-004-ref absolutely positioned non-replaced element - 'direction: rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 5dbbf01f8394e5aed8f8cbe10099abfd73f818c2 `Gérard Talbot` When 'direction' is 'rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vrl-082 reference/abs-pos-non-replaced-vlr-009-ref absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto', 'left' and 'width' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 3f1f85ada3bdb819e84c16a0fa6286416e2dc39f `Gérard Talbot` When 'direction' is 'rtl' and 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right'
abs-pos-non-replaced-vrl-084 reference/abs-pos-non-replaced-vrl-012-ref absolutely positioned non-replaced element - 'direction: rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout b5fe8534531b242ffecd57e9f006fb46ff667723 `Gérard Talbot` When 'direction' is 'rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vrl-086 reference/abs-pos-non-replaced-vrl-002-ref absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 022caa3c321ea63b321b947509ac9a32eb8644df `Gérard Talbot` When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are not 'auto' and if the values are overconstrained, then ignore 'bottom' and solve for 'bottom'.
abs-pos-non-replaced-vrl-088 reference/abs-pos-non-replaced-vrl-004-ref absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are not 'auto' (overconstrained) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout e2f87286ca3a4e073967638e6e2a728d1a5d02b2 `Gérard Talbot` When 'direction' is 'ltr' and 'left', 'width' and 'right' are not 'auto' (overconstrained), then ignore 'right' and then solve for 'right'.
abs-pos-non-replaced-vrl-090 reference/abs-pos-non-replaced-vrl-006-ref absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 085054bab196ef99090994347901f1fa5cd51d26 `Gérard Talbot` When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are not 'auto' and if the values are overconstrained, then ignore 'bottom' and solve for 'bottom'.
abs-pos-non-replaced-vrl-092 reference/abs-pos-non-replaced-vrl-004-ref absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout e66ca244b6b25f84029a0a336be36e569952e1fe `Gérard Talbot` When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are not 'auto' and if the values are overconstrained, then ignore 'top' and solve for 'top'.
abs-pos-non-replaced-vrl-094 reference/abs-pos-non-replaced-vlr-009-ref absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 9f38f5631662770a7342151fbf11b2880c694b5d `Gérard Talbot` When 'direction' is 'rtl' and 'left', 'width' and 'right' are not 'auto' and if the values are overconstrained, then ignore 'left' and then solve for 'left'.
abs-pos-non-replaced-vrl-096 reference/abs-pos-non-replaced-vrl-012-ref absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are not 'auto' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout e8f25b025b502fd3ae64c366ef147edf8bc2aecd `Gérard Talbot` When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are not 'auto' and if the values are overconstrained, then ignore 'top' and solve for 'top'.
autoheight-regions-in-autoheight-flexbox-002 reference/autoheight-regions-in-autoheight-flexbox-002-ref CSS Regions: Auto-height regions with vertical writing mode in auto-height flexbox ahem http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution,http://www.w3.org/TR/css-flexbox-1/#layout-algorithm,http://www.w3.org/TR/css-flexbox-1/#flex-direction-property,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 03903463d0ee57e784c8305fc4b3c522d62beb38 `Catalin Badea` Test checks that auto-height regions having content with vertical writing mode are sized correctly when placed inside a flex container. The flowed content should be displayed as a horizontal green stripe.
background-position-vlr-003 'background-position: left top' and 'vertical-lr' image,interact http://www.w3.org/TR/css-writing-modes-3/#physical-only 047a8bc11373433524934a53f15e947df57edf93 `Gérard Talbot` This test checks that 'background-position: left top' will make background-image start at upper left corner of page (even in case there is an horizontal resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vlr-005 'background-position: left bottom' and 'vertical-lr' image,interact http://www.w3.org/TR/css-writing-modes-3/#physical-only f5cebd885513ea5562a4649167d5257588eef0da `Gérard Talbot` This test checks that 'background-position: left bottom' will make background-image start at lower right corner of page (even in case there is an horizontal resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vlr-007 'background-position: right top' and 'vertical-lr' image,interact http://www.w3.org/TR/css-writing-modes-3/#physical-only 5f8051959c459d6211e9c9a1a5866d449d7059df `Gérard Talbot` This test checks that 'background-position: right top' will make background-image start at upper right corner of page (even in case there is an horizontal resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vlr-009 'background-position: right bottom' and 'vertical-lr' image,interact http://www.w3.org/TR/css-writing-modes-3/#physical-only be4ad409cac48e1a83d6373f246d3ef2f44ce8a7 `Gérard Talbot` This test checks that 'background-position: right bottom' will make background-image start at lower right corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vlr-011 'background-position: left top' and 'vertical-lr' image,interact http://www.w3.org/TR/css-writing-modes-3/#physical-only 03ef0e4c2e6315900a5916a1c2baf777dc6da1ce `Gérard Talbot` This test checks that 'background-position: left top' will make background-image start at upper left corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vlr-013 'background-position: left bottom' and 'vertical-lr' image,interact http://www.w3.org/TR/css-writing-modes-3/#physical-only f522e89287765170f9768a951b10be1fe76034c2 `Gérard Talbot` This test checks that 'background-position: left bottom' will make background-image start at lower left corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vlr-015 'background-position: right top' and 'vertical-lr' image,interact http://www.w3.org/TR/css-writing-modes-3/#physical-only 4d9284a6ab1b02ec29453abe9c747a1ef479901a `Gérard Talbot` This test checks that 'background-position: right top' will make background-image start at upper right corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vlr-017 'background-position: right bottom' and 'vertical-lr' image,interact http://www.w3.org/TR/css-writing-modes-3/#physical-only c27fe4cc8a2393016ac8f6f805bbd7d6393cf771 `Gérard Talbot` This test checks that 'background-position: right bottom' will make background-image start at lower right corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vrl-002 'background-position: left top' and 'vertical-rl' image,interact http://www.w3.org/TR/css-writing-modes-3/#physical-only c99175a16cf45720136394424f3e2ca08d8a9e9e `Gérard Talbot` This test checks that 'background-position: left top' will make background-image start at upper left corner of page (even in case there is an horizontal resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vrl-004 'background-position: left bottom' and 'vertical-rl' image,interact http://www.w3.org/TR/css-writing-modes-3/#physical-only 5ff6fd7d372ad6769ed5d95adeedc2853d4cf606 `Gérard Talbot` This test checks that 'background-position: left bottom' will make background-image start at lower left corner of page (even in case there is an horizontal resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vrl-006 'background-position: right top' and 'vertical-rl' image,interact http://www.w3.org/TR/css-writing-modes-3/#physical-only 5b8ea28bc1668435fc7c58b046a7c8d7b8618206 `Gérard Talbot` This test checks that 'background-position: right top' will make background-image start at upper right corner of page (even in case there is an horizontal resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vrl-008 'background-position: right bottom' and 'vertical-rl' image,interact http://www.w3.org/TR/css-writing-modes-3/#physical-only 20f48e41a547c296c98fa0eb65827290d178636e `Gérard Talbot` This test checks that 'background-position: right bottom' will make background-image start at lower right corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vrl-010 'background-position: left top' and 'vertical-rl' image,interact http://www.w3.org/TR/css-writing-modes-3/#physical-only b82538dfe02b6629db66ef3a26336a77dc029e10 `Gérard Talbot` This test checks that 'background-position: left top' will make background-image start at upper left corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vrl-012 'background-position: left bottom' and 'vertical-rl' image,interact http://www.w3.org/TR/css-writing-modes-3/#physical-only 13a5496e216cc90f411cc4ffb5b31a07760d8c2a `Gérard Talbot` This test checks that 'background-position: left bottom' will make background-image start at lower left corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vrl-014 'background-position: right top' and 'vertical-rl' image,interact http://www.w3.org/TR/css-writing-modes-3/#physical-only e8a991bdfaf551a84ae3f652c9088cdf5d555be3 `Gérard Talbot` This test checks that 'background-position: right top' will make background-image start at upper right corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vrl-016 'background-position: right bottom' and 'vertical-rl' image,interact http://www.w3.org/TR/css-writing-modes-3/#physical-only cc70f670f11b20732722b633def39b064b948fa8 `Gérard Talbot` This test checks that 'background-position: right bottom' will make background-image start at lower right corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.
baseline-inline-non-replaced-002 reference/ref-filled-green-100px-square baseline-alignment of empty non-replaced inline-block element and 'vertical-rl' ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines 23368287b3a64066dfe2c43ba225d80ffbfb3b3a `Gérard Talbot` This test checks that the baseline-alignment of an empty inline-block box in the line box with 'writing-mode' set to 'vertical-rl' is 'central' and not 'alphabetic'.
baseline-inline-non-replaced-003 reference/ref-filled-green-100px-square baseline-alignment of empty non-replaced inline-block element and 'vertical-rl' ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines 1209423e88f29044ace6bbb56014706ef5f39b2a `Gérard Talbot` This test checks that the baseline-alignment of an empty inline-block box in the line box with 'writing-mode' set to 'vertical-rl' is 'central' and not 'alphabetic'.
baseline-inline-non-replaced-004 reference/ref-filled-green-100px-square baseline-alignment of non-empty non-replaced inline-block element and 'vertical-rl' ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines 6a256bc44a389603a081fa7dedd601a1ea0d5930 `Gérard Talbot` This test checks that the baseline-alignment of a non-empty inline-block box in the line box with 'writing-mode' set to 'vertical-rl' is 'central' and not 'alphabetic'.
baseline-inline-non-replaced-005 reference/ref-filled-green-100px-square baseline-alignment of non-empty non-replaced inline-block element and 'vertical-rl' ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines c0fa541b4047fa0c1ad0a67b70dd8f2acaf1940d `Gérard Talbot` This test checks that the baseline-alignment of a non-empty inline-block box in the line box with 'writing-mode' set to 'vertical-rl' is 'central' and not 'alphabetic'.
baseline-inline-replaced-002 reference/baseline-inline-replaced-002-ref baseline-alignment of inline replaced element and 'vertical-rl' ahem,image http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines f82377f1c339d1b097df4fb3ee5a70135cc75d09 `Gérard Talbot` This test checks that the baseline-alignment of an image in the line box of a block with 'writing-mode' set to 'vertical-rl' is 'central' and not 'alphabetic'.
baseline-inline-replaced-003 reference/baseline-inline-replaced-002-ref baseline-alignment of inline replaced element and 'vertical-lr' ahem,image http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines eed7b8849080d2daa99c847c48b215bd6c3fb17a `Gérard Talbot` This test checks that the baseline-alignment of an image in the line box of a block with 'writing-mode' set to 'vertical-lr' is 'central' and not 'alphabetic'.
bidi-embed-001 reference/bidi-embed-001 direction/unicode-bidi: span direction rtl, unicode-bidi embed (1) http://www.w3.org/TR/css-writing-modes-3/#text-direction afde290f67a16aa24f6b4b982eca7e2e03ec72ac `Richard Ishida` In a ltr context, if direction:rtl and unicode-bidi:embed are applied to an inline element containing mixed direction text, the text in that element will be displayed in rtl order.
bidi-embed-002 reference/bidi-embed-002 direction/unicode-bidi: span direction rtl, unicode-bidi embed (2) http://www.w3.org/TR/css-writing-modes-3/#text-direction 3d672bde7731e5924312c4f818195f49c02c0024 `Richard Ishida` In a ltr context, if direction:rtl and unicode-bidi:embed are applied to an inline element containing mixed direction text, the text in that element will be displayed in rtl order.
bidi-embed-003 reference/bidi-embed-003 direction/unicode-bidi: span direction ltr, unicode-bidi embed (1) http://www.w3.org/TR/css-writing-modes-3/#text-direction 797c9336dd211c246279d80c3b1d651c80243ef8 `Richard Ishida` In a rtl context, if direction:ltr and unicode-bidi:embed are applied to an inline element containing mixed direction text, the text in that element will be displayed in ltr order.
bidi-embed-004 reference/bidi-embed-004 direction/unicode-bidi: span direction ltr, unicode-bidi embed (2) http://www.w3.org/TR/css-writing-modes-3/#text-direction 7d2b25f887ed3a31e15180b3d860f5bc3b27c5e9 `Richard Ishida` In a rtl context, if direction:ltr and unicode-bidi:embed are applied to an inline element containing mixed direction text, the text in that element will be displayed in ltr order.
bidi-embed-005 reference/bidi-embed-005 direction/unicode-bidi: element as directional character with unicode-bidi embed, rtl http://www.w3.org/TR/css-writing-modes-3/#text-direction 87d6ca440eb8c36342be3b561892c06036906a7b `Richard Ishida` If unicode-bidi:embed is applied to an inline element, that element will interact with the surrounding text like a strongly directional character.
bidi-embed-006 reference/bidi-embed-006 direction/unicode-bidi: element as directional character with unicode-bidi embed, ltr http://www.w3.org/TR/css-writing-modes-3/#text-direction bfaca75f188a66903586df2dce6df7f5ff28867e `Richard Ishida` If unicode-bidi:embed is applied to an inline element, that element will interact with the surrounding text like a strongly directional character.
bidi-embed-007 reference/bidi-embed-007 direction/unicode-bidi: element isolation and unicode-bidi embed, rtl + number http://www.w3.org/TR/css-writing-modes-3/#text-direction b33972e083c36cad017f260b16774c574410303b `Richard Ishida` If unicode-bidi:embed is applied to an inline element, the text in that element will NOT be directionally isolated from surrounding text.
bidi-embed-008 reference/bidi-embed-008 direction/unicode-bidi: element isolation and unicode-bidi embed, ltr + number http://www.w3.org/TR/css-writing-modes-3/#text-direction 9106b9f2ef7f218496682675876313fb24d5cc4c `Richard Ishida` If unicode-bidi:embed is applied to an inline element, the text in that element will NOT be directionally isolated from surrounding text.
bidi-embed-009 reference/bidi-embed-009 direction/unicode-bidi: element isolation and unicode-bidi embed, rtl list http://www.w3.org/TR/css-writing-modes-3/#text-direction 2ea141336408014defe53fd98d84c411aec4dc4d `Richard Ishida` If unicode-bidi:embed is applied to an inline element, the text in that element will NOT be directionally isolated from following content.
bidi-embed-010 reference/bidi-embed-010 direction/unicode-bidi: element isolation and unicode-bidi embed, ltr list http://www.w3.org/TR/css-writing-modes-3/#text-direction 30d16c659913406c8705520ee165821cf2965b0b `Richard Ishida` If unicode-bidi:embed is applied to an inline element, the text in that element will NOT be directionally isolated from following content.
bidi-embed-011 reference/bidi-embed-011 direction/unicode-bidi: direction alone and inherited, unicode-bidi embed http://www.w3.org/TR/css-writing-modes-3/#text-direction 6e225bfb6ae7eceef58b51b9cc96d9ac6656e07a `Richard Ishida` Directionality is not changed by the direction property on its own, but unicode-bidi: embed will apply direction declared on a higher level element.
bidi-isolate-001 reference/bidi-isolate-001 direction/unicode-bidi: span direction rtl, unicode-bidi isolate (1) http://www.w3.org/TR/css-writing-modes-3/#text-direction c929f3c9f5f2b29873ef4c3f335e056a53fecd80 `Richard Ishida` In a ltr context, if direction:rtl and unicode-bidi:isolate are applied to an inline element containing mixed direction text, the text in that element will be displayed in rtl order.
bidi-isolate-002 reference/bidi-isolate-002 direction/unicode-bidi: span direction rtl, unicode-bidi isolate (2) http://www.w3.org/TR/css-writing-modes-3/#text-direction e69b8cc34437c122def2ae93bb3fe02d587fd04d `Richard Ishida` In a ltr context, if direction:rtl and unicode-bidi:isolate are applied to an inline element containing mixed direction text, the text in that element will be displayed in rtl order.
bidi-isolate-003 reference/bidi-isolate-003 direction/unicode-bidi: span direction ltr, unicode-bidi isolate (1) http://www.w3.org/TR/css-writing-modes-3/#text-direction dad7ee0898ae14d2fb7655bdffdd22c57bc9b3cf `Richard Ishida` In a rtl context, if direction:ltr and unicode-bidi:isolate are applied to an inline element containing mixed direction text, the text in that element will be displayed in ltr order.
bidi-isolate-004 reference/bidi-isolate-004 direction/unicode-bidi: span direction ltr, unicode-bidi isolate (2) http://www.w3.org/TR/css-writing-modes-3/#text-direction 35b54c340b6a41df8428abbd7247ff5e7b53370d `Richard Ishida` In a rtl context, if direction:ltr and unicode-bidi:isolate are applied to an inline element containing mixed direction text, the text in that element will be displayed in ltr order.
bidi-isolate-005 reference/bidi-isolate-005 direction/unicode-bidi: element as directional character with unicode-bidi isolate, rtl http://www.w3.org/TR/css-writing-modes-3/#text-direction dea2567ca84737d1cd470ea8c555b4159a41712c `Richard Ishida` If unicode-bidi:isolate is applied to an inline element, that element will interact with the surrounding text like a neutral directional character.
bidi-isolate-006 reference/bidi-isolate-006 direction/unicode-bidi: element as directional character with unicode-bidi isolate, ltr http://www.w3.org/TR/css-writing-modes-3/#text-direction 97b515358bc009608c0f613db025448c663ac2b8 `Richard Ishida` If unicode-bidi:isolate is applied to an inline element, that element will interact with the surrounding text like a neutral directional character.
bidi-isolate-007 reference/bidi-isolate-007 direction/unicode-bidi: element isolation and unicode-bidi isolate, rtl + number http://www.w3.org/TR/css-writing-modes-3/#text-direction 40b604c65139fc42d39123fbd8dc3ed741a5fdd5 `Richard Ishida` If unicode-bidi:isolate is applied to an inline element, the text in that element WILL be directionally isolated from surrounding text.
bidi-isolate-008 reference/bidi-isolate-008 direction/unicode-bidi: element isolation and unicode-bidi isolate, ltr + number http://www.w3.org/TR/css-writing-modes-3/#text-direction 90504f4837d33b4ab336b964ff051de381893418 `Richard Ishida` If unicode-bidi:isolate is applied to an inline element, the text in that element WILL be directionally isolated from surrounding text.
bidi-isolate-009 reference/bidi-isolate-009 direction/unicode-bidi: element isolation and unicode-bidi isolate, rtl list http://www.w3.org/TR/css-writing-modes-3/#text-direction ba11dee94e79046eda77e6674c67d2b447218ee2 `Richard Ishida` If unicode-bidi:isolate is applied to an inline element, the text in that element WILL be directionally isolated from following content.
bidi-isolate-010 reference/bidi-isolate-010 direction/unicode-bidi: element isolation and unicode-bidi isolate, ltr list http://www.w3.org/TR/css-writing-modes-3/#text-direction a4f1af5dfaab1b1eff852e9efc8138381f3b58f4 `Richard Ishida` If unicode-bidi:isolate is applied to an inline element, the text in that element will NOT be directionally isolated from following content.
bidi-isolate-011 reference/bidi-embed-011 direction/unicode-bidi: direction alone and inherited, unicode-bidi embed http://www.w3.org/TR/css-writing-modes-3/#text-direction 43536487311c98d371071c045c9957c27ca90518 `Richard Ishida` Directionality is not changed by the direction property on its own, but unicode-bidi: isolate will apply direction declared on a higher level element.
bidi-isolate-override-001 reference/bidi-isolate-override-001 direction/unicode-bidi: span direction rtl, isolate-override (1) http://www.w3.org/TR/css-writing-modes-3/#text-direction b02f6695fa9e02c20f5c71088ed32a565da5acac `Richard Ishida` In a ltr context, if direction:rtl and unicode-bidi:isolate-override are applied to an inline element containing mixed direction text, the characters in that element will all be displayed in rtl order, ignoring the bidi algorithm.
bidi-isolate-override-002 reference/bidi-isolate-override-002 direction/unicode-bidi: span direction rtl, isolate-override (2) http://www.w3.org/TR/css-writing-modes-3/#text-direction a9ddaea4eb9d330d7964914f957c68976a1ba18a `Richard Ishida` In a ltr context, if direction:rtl and unicode-bidi:isolate-override are applied to an inline element containing mixed direction text, the characters in that element will all be displayed in rtl order, ignoring the bidi algorithm.
bidi-isolate-override-003 reference/bidi-isolate-override-003 direction/unicode-bidi: span direction ltr, isolate-override (1) http://www.w3.org/TR/css-writing-modes-3/#text-direction 0e1b3e45d614378bb7872791af293ed0db030a9e `Richard Ishida` In a rtl context, if direction:ltr and unicode-bidi:isolate-override are applied to an inline element containing mixed direction text, the characters in that element will all be displayed in ltr order, ignoring the bidi algorithm.
bidi-isolate-override-004 reference/bidi-isolate-override-004 direction/unicode-bidi: span direction ltr, isolate-override (2) http://www.w3.org/TR/css-writing-modes-3/#text-direction b4440671f228c4054fef80f184dedc9fda146260 `Richard Ishida` In a rtl context, if direction:ltr and unicode-bidi:isolate-override are applied to an inline element containing mixed direction text, the characters in that element will all be displayed in ltr order, ignoring the bidi algorithm.
bidi-isolate-override-005 reference/bidi-isolate-override-005 direction/unicode-bidi: element as directional character with isolate-override, rtl http://www.w3.org/TR/css-writing-modes-3/#text-direction 4c77a3c3d711d51f66a287ef69f35b15b6ccb6e6 `Richard Ishida` If unicode-bidi:isolate-override is applied to an inline element, that element will interact with the surrounding text like a neutral directional character.
bidi-isolate-override-006 reference/bidi-isolate-override-006 direction/unicode-bidi: element as directional character with isolate-override, ltr http://www.w3.org/TR/css-writing-modes-3/#text-direction 2aa47785e59230265659dd5fad76ca2d0f174589 `Richard Ishida` If unicode-bidi:isolate-override is applied to an inline element, that element will interact with the surrounding text like a neutral directional character.
bidi-isolate-override-007 reference/bidi-isolate-override-007 direction/unicode-bidi: element isolation and isolate-override, rtl + number http://www.w3.org/TR/css-writing-modes-3/#text-direction 9518b6557e396f6633c62380dda116049730f144 `Richard Ishida` If unicode-bidi:isolate-override is applied to an inline element, the text in that element WILL be directionally isolated from surrounding text.
bidi-isolate-override-008 reference/bidi-isolate-override-008 direction/unicode-bidi: element isolation and isolate-override, ltr + number http://www.w3.org/TR/css-writing-modes-3/#text-direction 6941d5e0d389192ceff41199a80b5d95efcc3d34 `Richard Ishida` If unicode-bidi:isolate-override is applied to an inline element, the text in that element WILL be directionally isolated from surrounding text.
bidi-isolate-override-009 reference/bidi-isolate-override-009 direction/unicode-bidi: element isolation and isolate-override, rtl list http://www.w3.org/TR/css-writing-modes-3/#text-direction 61c59585a1f70d113b10fe5e198b450f4d542305 `Richard Ishida` If unicode-bidi:isolate-override is applied to an inline element, the text in that element WILL be directionally isolated from following content.
bidi-isolate-override-010 reference/bidi-isolate-override-010 direction/unicode-bidi: element isolation and isolate-override, ltr list http://www.w3.org/TR/css-writing-modes-3/#text-direction 47d4b74385a3f2a8ab68ab1d2b95f64b427bd246 `Richard Ishida` If unicode-bidi:isolate-override is applied to an inline element, the text in that element WILL be directionally isolated from following content.
bidi-isolate-override-011 reference/bidi-isolate-override-011 direction/unicode-bidi: direction alone and inherited, isolate-override http://www.w3.org/TR/css-writing-modes-3/#text-direction f79691854b3f5c97c17b66e8e8906ee2fbe8d85f `Richard Ishida` unicode-bidi: isolate-override will apply direction declared on a higher level element.
bidi-isolate-override-012 reference/bidi-isolate-override-012 direction/unicode-bidi: default direction, isolate-override http://www.w3.org/TR/css-writing-modes-3/#text-direction 663a3313f2f7e81c3324cbb2fc8a9598f1c7349d `Richard Ishida` unicode-bidi: When no direction is set, isolate-override will apply ltr ordering to text within its scope.
bidi-normal-001 reference/bidi-normal-001 direction/unicode-bidi: span direction rtl, unicode-bidi normal (1) http://www.w3.org/TR/css-writing-modes-3/#text-direction 124bdb9e8bfae6849ee5ae2dff293419eba5c4c3 `Richard Ishida` In a ltr context, if direction:rtl and unicode-bidi:normal are applied to an inline element containing mixed direction text, the text in that element will NOT be displayed in rtl order.
bidi-normal-002 reference/bidi-normal-002 direction/unicode-bidi: span direction rtl, unicode-bidi normal (2) http://www.w3.org/TR/css-writing-modes-3/#text-direction 366a21ec9e973a038d5a9a4bd0166cec7b9b92da `Richard Ishida` In a ltr context, if direction:rtl and unicode-bidi:normal are applied to an inline element containing mixed direction text, the text in that element will NOT be displayed in rtl order.
bidi-normal-003 reference/bidi-normal-003 direction/unicode-bidi: span direction ltr, unicode-bidi normal (1) http://www.w3.org/TR/css-writing-modes-3/#text-direction fe986408c57f7f138ad77a0789e36b2ff7210d28 `Richard Ishida` In a rtl context, if direction:ltr and unicode-bidi:normal are applied to an inline element containing mixed direction text, the text in that element will NOT be displayed in ltr order.
bidi-normal-004 reference/bidi-normal-004 direction/unicode-bidi: span direction ltr, unicode-bidi normal (2) http://www.w3.org/TR/css-writing-modes-3/#text-direction a3fac68dee2c29a4cb1f8142f36518a30f5fd6a2 `Richard Ishida` In a rtl context, if direction:ltr and unicode-bidi:normal are applied to an inline element containing mixed direction text, the text in that element will NOT be displayed in ltr order.
bidi-normal-005 reference/bidi-normal-005 direction/unicode-bidi: element as directional character with unicode-bidi normal, rtl http://www.w3.org/TR/css-writing-modes-3/#text-direction 292929e864580a6c08daa01558ec8fcdf70290a1 `Richard Ishida` If unicode-bidi:normal is applied to an inline element, that element will NOT interact with the surrounding text like a strong or neutral directional character.
bidi-normal-006 reference/bidi-normal-006 direction/unicode-bidi: element as directional character with unicode-bidi normal, ltr http://www.w3.org/TR/css-writing-modes-3/#text-direction 7d55adf9d66cdd4741b088ee63904e7d0e49b61f `Richard Ishida` If unicode-bidi:normal is applied to an inline element, that element will NOT interact with the surrounding text like a strong or neutral directional character.
bidi-normal-007 reference/bidi-normal-007 direction/unicode-bidi: element isolation and unicode-bidi normal, rtl + number http://www.w3.org/TR/css-writing-modes-3/#text-direction 106b2e30cc4478f34ed7812e0ac3efdf41214efb `Richard Ishida` If unicode-bidi:normal is applied to an inline element, the text in that element will NOT be directionally isolated from surrounding text.
bidi-normal-008 reference/bidi-normal-008 direction/unicode-bidi: element isolation and unicode-bidi normal, ltr + number http://www.w3.org/TR/css-writing-modes-3/#text-direction bf2c22038aafc1cbde70576ba28150e08d52b425 `Richard Ishida` If unicode-bidi:normal is applied to an inline element, the text in that element will NOT be directionally isolated from surrounding text.
bidi-normal-009 reference/bidi-normal-009 direction/unicode-bidi: element isolation and unicode-bidi normal, rtl list http://www.w3.org/TR/css-writing-modes-3/#text-direction c0cd53f8f0390890c36a22831154acdab2034a39 `Richard Ishida` If unicode-bidi:normal is applied to an inline element, the text in that element will NOT be directionally isolated from following content.
bidi-normal-010 reference/bidi-normal-010 direction/unicode-bidi: element isolation and unicode-bidi normal, ltr list http://www.w3.org/TR/css-writing-modes-3/#text-direction 18688ad3565595094f60867857110d7eaf148213 `Richard Ishida` If unicode-bidi:normal is applied to an inline element, the text in that element will NOT be directionally isolated from following content.
bidi-normal-011 reference/bidi-embed-011 direction/unicode-bidi: direction alone and inherited, unicode-bidi normal http://www.w3.org/TR/css-writing-modes-3/#text-direction c0b58e86dd22f16731b54681cedd3233ea768ed5 `Richard Ishida` Directionality is not changed by the direction property on its own, nor by unicode-bidi:normal set on a lower level element.
bidi-override-001 reference/bidi-override-001 direction/unicode-bidi: span direction rtl, bidi-override (1) http://www.w3.org/TR/css-writing-modes-3/#text-direction ac664684809c99d15cc0c7372dd2e51c62439e5d `Richard Ishida` In a ltr context, if direction:rtl and unicode-bidi:bidi-override are applied to an inline element containing mixed direction text, the characters in that element will all be displayed in rtl order, ignoring the bidi algorithm.
bidi-override-002 reference/bidi-override-002 direction/unicode-bidi: span direction rtl, bidi-override (2) http://www.w3.org/TR/css-writing-modes-3/#text-direction 6b04c2d830fd046cc43961af10058f650c2119bf `Richard Ishida` In a ltr context, if direction:rtl and unicode-bidi:bidi-override are applied to an inline element containing mixed direction text, the characters in that element will all be displayed in rtl order, ignoring the bidi algorithm.
bidi-override-003 reference/bidi-override-003 direction/unicode-bidi: span direction ltr, bidi-override (1) http://www.w3.org/TR/css-writing-modes-3/#text-direction 67db8f179dd8df097aba131592ad3bcc3febf7be `Richard Ishida` In a rtl context, if direction:ltr and unicode-bidi:bidi-override are applied to an inline element containing mixed direction text, the characters in that element will all be displayed in ltr order, ignoring the bidi algorithm.
bidi-override-004 reference/bidi-override-004 direction/unicode-bidi: span direction ltr, bidi-override (2) http://www.w3.org/TR/css-writing-modes-3/#text-direction cf6dd03722c7b75b60b69955d5151a85efec6588 `Richard Ishida` In a rtl context, if direction:ltr and unicode-bidi:bidi-override are applied to an inline element containing mixed direction text, the characters in that element will all be displayed in ltr order, ignoring the bidi algorithm.
bidi-override-005 reference/bidi-override-005 direction/unicode-bidi: element as directional character with bidi-override, rtl http://www.w3.org/TR/css-writing-modes-3/#text-direction c960ff4c899b9f2bc4b4f4d1606866c8e648e406 `Richard Ishida` If unicode-bidi:bidi-override is applied to an inline element, that element will interact with the surrounding text like a strongly directional character.
bidi-override-006 reference/bidi-override-006 direction/unicode-bidi: element as directional character with bidi-override, ltr http://www.w3.org/TR/css-writing-modes-3/#text-direction f11167a916d514ba91c53f192a3be8d9d99e7bdf `Richard Ishida` If unicode-bidi:bidi-override is applied to an inline element, that element will interact with the surrounding text like a strongly directional character.
bidi-override-007 reference/bidi-override-007 direction/unicode-bidi: element isolation and bidi-override, rtl + number http://www.w3.org/TR/css-writing-modes-3/#text-direction ab4508a9a414b5b4b98858613bc3683577adefb4 `Richard Ishida` If unicode-bidi:bidi-override is applied to an inline element, the text in that element will NOT be directionally isolated from surrounding text.
bidi-override-008 reference/bidi-override-008 direction/unicode-bidi: element isolation and bidi-override, ltr + number http://www.w3.org/TR/css-writing-modes-3/#text-direction 9960cb8164457aea9abc1acaec74dea6c4fb690a `Richard Ishida` If unicode-bidi:bidi-override is applied to an inline element, the text in that element will NOT be directionally isolated from surrounding text.
bidi-override-009 reference/bidi-override-009 direction/unicode-bidi: element isolation and bidi-override, rtl list http://www.w3.org/TR/css-writing-modes-3/#text-direction 88343c319c4ba7fc86c85c2d3e46877ee0bf527d `Richard Ishida` If unicode-bidi:bidi-override is applied to an inline element, the text in that element will NOT be directionally isolated from following content.
bidi-override-010 reference/bidi-override-010 direction/unicode-bidi: element isolation and bidi-override, ltr list http://www.w3.org/TR/css-writing-modes-3/#text-direction b96da4ea9b5f1963e385e6379296a61658a144fa `Richard Ishida` If unicode-bidi:bidi-override is applied to an inline element, the text in that element will NOT be directionally isolated from following content.
bidi-override-011 reference/bidi-override-011 direction/unicode-bidi: direction alone and inherited, bidi-override http://www.w3.org/TR/css-writing-modes-3/#text-direction 8cf143f0597046afa0b0a4bc6f5bf41eab41eaaa `Richard Ishida` unicode-bidi: bidi-override will apply direction declared on a higher level element.
bidi-override-012 reference/bidi-override-012 direction/unicode-bidi: default direction, bidi-override http://www.w3.org/TR/css-writing-modes-3/#text-direction 9c25cdba06f80a4350a5d352b655e7c5ede367bf `Richard Ishida` unicode-bidi: When no direction is set, bidi-override will apply ltr ordering to text within its scope.
bidi-plaintext-001 reference/bidi-plaintext-001 unicode-bidi: span unicode-bidi plaintext, rtl (1) http://www.w3.org/TR/css-writing-modes-3/#text-direction 649f84bff65e3b3b5aa0f7e9f1423690e9579e9f `Richard Ishida` If unicode-bidi:plaintext is applied to an inline element containing mixed direction text with a first strong directional character that is rtl, the text in that element will be displayed in rtl order.
bidi-plaintext-002 reference/bidi-plaintext-002 direction/unicode-bidi: span unicode-bidi plaintext, rtl (2) http://www.w3.org/TR/css-writing-modes-3/#text-direction e0b9c8712ca54ce329c3ad1bfee439b52a8f0add `Richard Ishida` If unicode-bidi:plaintext is applied to an inline element containing mixed direction text with a first strong directional character that is rtl, the text in that element will be displayed in rtl order.
bidi-plaintext-003 reference/bidi-plaintext-003 unicode-bidi: span unicode-bidi plaintext, ltr (1) http://www.w3.org/TR/css-writing-modes-3/#text-direction 94ac2a8590747e7f4982606352934d10a367a9f6 `Richard Ishida` If unicode-bidi:plaintext is applied to an inline element containing mixed direction text with a first strong directional character that is ltr, the text in that element will be displayed in ltr order.
bidi-plaintext-004 reference/bidi-plaintext-004 unicode-bidi: span unicode-bidi plaintext, ltr (2) http://www.w3.org/TR/css-writing-modes-3/#text-direction 5daccba0e59d06b6c9e7d72f8abe92fa69a823d1 `Richard Ishida` If unicode-bidi:plaintext is applied to an inline element containing mixed direction text with a first strong directional character that is ltr, the text in that element will be displayed in ltr order.
bidi-plaintext-005 reference/bidi-plaintext-005 unicode-bidi: element as directional character with unicode-bidi plaintext, rtl http://www.w3.org/TR/css-writing-modes-3/#text-direction 0f052c3bf843611f0179c1f9c6891895fa5d0bf3 `Richard Ishida` If unicode-bidi:plaintext is applied to an inline element, that element will interact with the surrounding text like a neutral directional character.
bidi-plaintext-006 reference/bidi-plaintext-006 direction/unicode-bidi: element as directional character with unicode-bidi plaintext, ltr http://www.w3.org/TR/css-writing-modes-3/#text-direction d19703810abe5607fa1804b931efb8a1dd1dba1c `Richard Ishida` If unicode-bidi:plaintext is applied to an inline element, that element will interact with the surrounding text like a neutral directional character.
bidi-plaintext-007 reference/bidi-plaintext-007 unicode-bidi: element isolation and unicode-bidi plaintext, rtl + number http://www.w3.org/TR/css-writing-modes-3/#text-direction 72cf22137edfc3b791072610f02a2bd94b7a72a3 `Richard Ishida` If unicode-bidi:plaintext is applied to an inline element, the text in that element WILL be directionally isolated from surrounding text.
bidi-plaintext-008 reference/bidi-plaintext-008 unicode-bidi: element isolation and unicode-bidi plaintext, ltr + number http://www.w3.org/TR/css-writing-modes-3/#text-direction 4509f186c3c490d93f5811e693b3ebb7550f4dcb `Richard Ishida` If unicode-bidi:plaintext is applied to an inline element, the text in that element WILL be directionally isolated from surrounding text.
bidi-plaintext-009 reference/bidi-plaintext-009 unicode-bidi: element isolation and unicode-bidi plaintext, rtl list http://www.w3.org/TR/css-writing-modes-3/#text-direction bf06eff1aed8c74b837c318eeb701c109cf7dec1 `Richard Ishida` If unicode-bidi:plaintext is applied to an inline element, the text in that element WILL be directionally isolated from following content.
bidi-plaintext-010 reference/bidi-plaintext-010 unicode-bidi: element isolation and unicode-bidi plaintext, ltr list http://www.w3.org/TR/css-writing-modes-3/#text-direction c761067af86f83172d5ba2b4b56aed3191dd74b2 `Richard Ishida` If unicode-bidi:plaintext is applied to an inline element, the text in that element WILL be directionally isolated from following content.
bidi-plaintext-011 reference/bidi-plaintext-002 direction/unicode-bidi: span unicode-bidi plaintext, no strong (1) http://www.w3.org/TR/css-writing-modes-3/#text-direction af5e5dd3dc797ad5fec57780a3cc491861f872df `Richard Ishida` If unicode-bidi:plaintext is applied to an inline element containing mixed direction text with no strong directional character, the text in that element will be displayed in ltr order.
bidi-table-001 direction: table columns http://www.w3.org/TR/css-writing-modes-3/#text-direction b76614ab31144548ec19f4351dcf585f59ae3e0f `Richard Ishida` If direction is applied to the ancestor of a table element, columns will be displayed in that direction.
bidi-unset-001 reference/bidi-normal-001 direction/unicode-bidi: span direction rtl, unicode-bidi unset (1) http://www.w3.org/TR/css-writing-modes-3/#text-direction eb7a5acbe55bce9659d8c8fdb22ef75f7f54ea39 `Richard Ishida` In a ltr context, if direction:rtl is set but unicode-bidi is not set on an inline element containing mixed direction text, the text in that element will NOT be displayed in rtl order.
bidi-unset-002 reference/bidi-normal-002 direction/unicode-bidi: span direction rtl, unicode-bidi unset (2) http://www.w3.org/TR/css-writing-modes-3/#text-direction f23c821ec27e544abbd055d8d78a1686bcd23650 `Richard Ishida` In a ltr context, if direction:rtl is set but unicode-bidi is not set on an inline element containing mixed direction text, the text in that element will NOT be displayed in rtl order.
bidi-unset-003 reference/bidi-normal-003 direction/unicode-bidi: span direction ltr, unicode-bidi unset (1) http://www.w3.org/TR/css-writing-modes-3/#text-direction 5b15aac3b0ef0ca8da7c0f55e20c7b9727ece49b `Richard Ishida` In a rtl context, if direction:ltr is set but unicode-bidi is not set on an inline element containing mixed direction text, the text in that element will NOT be displayed in ltr order.
bidi-unset-004 reference/bidi-normal-004 direction/unicode-bidi: span direction ltr, unicode-bidi unset (2) http://www.w3.org/TR/css-writing-modes-3/#text-direction f0f777db29ee0d824a301e257a70f7b1cc7410f5 `Richard Ishida` In a rtl context, if direction:ltr is set but unicode-bidi is not set on an inline element containing mixed direction text, the text in that element will NOT be displayed in ltr order.
bidi-unset-005 reference/bidi-normal-005 direction/unicode-bidi: element as directional character with unicode-bidi unset, rtl http://www.w3.org/TR/css-writing-modes-3/#text-direction 193e0c33614ee1c81a3baceab7e8fba4edc4ed9b `Richard Ishida` If direction is set but unicode-bidi is not set on an inline element, that element will NOT interact with the surrounding text like a strong or neutral directional character.
bidi-unset-006 reference/bidi-normal-006 direction/unicode-bidi: element as directional character with unicode-bidi unset, ltr http://www.w3.org/TR/css-writing-modes-3/#text-direction c9c1c240d142d4ea0bb4c289d0141fc655a9c617 `Richard Ishida` If direction is set but unicode-bidi is not set on an inline element, that element will NOT interact with the surrounding text like a strong or neutral directional character.
bidi-unset-007 reference/bidi-normal-007 direction/unicode-bidi: element isolation and unicode-bidi unset, rtl + number http://www.w3.org/TR/css-writing-modes-3/#text-direction e75fcea325ded80edf81a92f9af8c8901db89659 `Richard Ishida` If direction is set but unicode-bidi is not set on an inline element, the text in that element will NOT be directionally isolated from surrounding text.
bidi-unset-008 reference/bidi-normal-008 direction/unicode-bidi: element isolation and unicode-bidi unset, ltr + number http://www.w3.org/TR/css-writing-modes-3/#text-direction f997a023659c92dc6d95aef715c893540c2e9f68 `Richard Ishida` If direction is set but unicode-bidi is not set on an inline element, the text in that element will NOT be directionally isolated from surrounding text.
bidi-unset-009 reference/bidi-normal-009 direction/unicode-bidi: element isolation and unicode-bidi unset, rtl list http://www.w3.org/TR/css-writing-modes-3/#text-direction ac72bae93b78e71ad924d198c5b25f0e3d687a79 `Richard Ishida` If direction is set but unicode-bidi is not set on an inline element, the text in that element will NOT be directionally isolated from following content.
bidi-unset-010 reference/bidi-normal-010 direction/unicode-bidi: element isolation and unicode-bidi unset, ltr list http://www.w3.org/TR/css-writing-modes-3/#text-direction b85e481e086f00447910e084481f555376367376 `Richard Ishida` If direction is set but unicode-bidi is not set on an inline element, the text in that element will NOT be directionally isolated from following content.
block-embed-001 reference/block-embed-001 direction: div direction rtl http://www.w3.org/TR/css-writing-modes-3/#text-direction ad3828d40cdff06f4d37fa183de424787966e75d `Richard Ishida` If direction is applied to a block element containing mixed direction text, the text in that element will be displayed in the expected order.
block-embed-002 reference/block-embed-002 direction: div direction ltr http://www.w3.org/TR/css-writing-modes-3/#text-direction 5069f35597f779fbb548ebf2f2ee2e5cc5416bcf `Richard Ishida` If direction is applied to a block element containing mixed direction text, the text in that element will be displayed in the expected order.
block-embed-003 reference/block-embed-003 direction: div direction rtl http://www.w3.org/TR/css-writing-modes-3/#text-direction 5a2ea65cfd1fccd182350cb160caaadd6d17a02d `Richard Ishida` If direction is applied to a block element, contained block elements inherit that direction.
block-flow-direction-001 reference/block-flow-direction-001-ref horizontal-tb - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 19cb1de6ed1a39ebcb0a9ccf147b27276ae530c0 `Gérard Talbot` This test checks that block-level boxes in a 'horizontal-tb' writing mode are laid out one after the other, vertically, with the first beginning at the top of a containing block; they are ordered from top to bottom meaning that the 1st block box is the topmost one, then the 2nd block is juxtaposed at its bottom, then the 3rd block is juxtaposed to the 2nd block at its bottom, etc...
block-flow-direction-002 reference/block-flow-direction-002-ref vertical-rl - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 535ba65d2f6aa82133042aa8a30fe4cfaf15a8ab `Gérard Talbot` This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
block-flow-direction-003 reference/block-flow-direction-001-ref vertical-lr - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 5101bed0c91ce801b27e1182b0f107f5df79b098 `Gérard Talbot` This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...
block-flow-direction-004 reference/block-flow-direction-001-ref 'writing-mode' - initial value is 'horizontal-tb' ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode c50d51ba4310ee5e477f7335be8043fdf6c44f51 `Gérard Talbot` This test checks that the default, initial value of writing-mode is 'horizontal-tb'.
block-flow-direction-005 reference/block-flow-direction-001-ref 'float: left' and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 5b3c4a29f2d20f68fe2dee243a7f55818001bb19 `Gérard Talbot` This test checks that a left-floated box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
block-flow-direction-006 reference/block-flow-direction-001-ref 'float: left' and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 9036b0a18c5dc6b3c4fc36eefe5c9d52d44fd926 `Gérard Talbot` This test checks that left-floated boxes with 'writing-mode' set to 'vertical-rl' establish block formating contexts with a right-to-left block flow direction.
block-flow-direction-007 reference/block-flow-direction-002-ref 'float: right' and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode f8f6f9bfdd9914ae0c4636466efd49fbc4ac370c `Gérard Talbot` This test checks that a right-floated box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
block-flow-direction-008 reference/block-flow-direction-002-ref 'float: right' and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode fa0eaf2f716436752608779bb476e7ae54dd2294 `Gérard Talbot` This test checks that right-floated boxes with 'writing-mode' set to 'vertical-lr' establish block formating contexts with a left-to-right block flow direction.
block-flow-direction-009 reference/block-flow-direction-001-ref position absolute and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 6d567df855d69c5c0d8c947b11c8d540e50eae2f `Gérard Talbot` This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
block-flow-direction-010 reference/block-flow-direction-001-ref position absolute and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode da2659b0a3427d9abf73973797c3dbab98efa733 `Gérard Talbot` This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
block-flow-direction-011 reference/block-flow-direction-001-ref inline-block and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 53f8a8a989252b24f25e34d22ec75b6e2d68165e `Gérard Talbot` This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
block-flow-direction-012 reference/block-flow-direction-001-ref inline-block and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 128ee22de460baa41affbde5b63a68182f0cd74a `Gérard Talbot` This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
block-flow-direction-013 reference/block-flow-direction-001-ref inline-block and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 864bb241fe74023d23183204bfb32c6615e4c2bb `Gérard Talbot` This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
block-flow-direction-014 reference/block-flow-direction-001-ref inline-block and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 766e5d11e657b49ec5beeb987351fd7bfb59b4ec `Gérard Talbot` This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
block-flow-direction-015 reference/block-flow-direction-001-ref inline-block and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 49882d193c25d3c2170e97d939b39920622e04d3 `Gérard Talbot` This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
block-flow-direction-016 reference/block-flow-direction-001-ref inline-block and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 5221c36bb90f1346378ea6f026940b5fdae1b072 `Gérard Talbot` This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
block-flow-direction-017 reference/block-flow-direction-001-ref table-cell and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 1c2cc3c2ae90ae7153966017cef2a0bf10cd4d40 `Gérard Talbot` This test checks that a table-cell with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
block-flow-direction-018 reference/block-flow-direction-001-ref table-cell and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 9d32e9d52ef12a1cc1c02512dd21172097f6f206 `Gérard Talbot` This test checks that a table-cell with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
block-flow-direction-019 reference/block-flow-direction-001-ref table-caption and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 4013b44b2f69c6ad31338a283f65f0d49befc9e4 `Gérard Talbot` This test checks that a table-caption with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
block-flow-direction-020 reference/block-flow-direction-001-ref table-caption and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode d6687aa139742ecb9688c7ccb4fcb5588681c708 `Gérard Talbot` This test checks that a table-caption with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
block-flow-direction-021 reference/block-flow-direction-002-ref list and vertical-rl - block flow direction of block-level boxes ahem,image http://www.w3.org/TR/css-writing-modes-3/#writing-mode bfc4b020c32dedc0fe6a841c223ef8891b982cac `Gérard Talbot` This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...
block-flow-direction-022 reference/block-flow-direction-001-ref list and vertical-lr - block flow direction of block-level boxes ahem,image http://www.w3.org/TR/css-writing-modes-3/#writing-mode 01c8836e66706ac7945772ee5e17d85024a22c5a `Gérard Talbot` This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...
block-flow-direction-023 reference/block-flow-direction-001-ref vertical-lr - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 6cbec1646003bfe2cdcf084b0dd2fe63dc76fab2 `Gérard Talbot` This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...
block-flow-direction-024 reference/block-flow-direction-002-ref vertical-rl - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 5f2a15bb1988093d24b8e3eaf1a3f6c46c897f8b `Gérard Talbot` This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
block-flow-direction-025 reference/block-flow-direction-025-ref writing mode of document - horizontal position of first block image http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting 6b3673477ab3c066dec96f347d5c1f6aaafc0622 `Gérard Talbot` This test checks that, when 'writing-mode' value of the root element is set to 'vertical-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side.
block-override-001 reference/block-override-001 direction: div override rtl http://www.w3.org/TR/css-writing-modes-3/#text-direction c9f01a298fdc3c1c6eaceefc08c1f134078a0c61 `Richard Ishida` If unicode-bidi:bidi-override is applied to a block element, characters are displayed strictly in sequence according to the direction property.
block-override-002 reference/block-override-002 direction: div override ltr http://www.w3.org/TR/css-writing-modes-3/#text-direction 1c72e7aa6e1d313b0e23b11e9e637b1f77dd39f4 `Richard Ishida` If unicode-bidi:bidi-override is applied to a block element, characters are displayed strictly in sequence according to the direction property.
block-override-003 reference/block-override-003 direction: div direction ltr http://www.w3.org/TR/css-writing-modes-3/#text-direction 2cb8aa89ffc3dba127564bb84e4bdb28bd208d26 `Richard Ishida` If unicode-bidi:bidi-override is applied to a block element with no direction value set, characters are displayed strictly in sequence, in ltr order.
block-override-004 reference/block-override-004 unicode-bidi: div override inheritance http://www.w3.org/TR/css-writing-modes-3/#text-direction f30b04de9ab1f434933bddb447fb5abe2ec36d82 `Richard Ishida` If unicode-bidi:bidi-override is applied to a block element, all characters in immediate inline text are displayed strictly in sequence according to the direction property, but content of contained blocks is not.
block-override-isolate-001 reference/block-override-isolate-001 direction: div override rtl http://www.w3.org/TR/css-writing-modes-3/#text-direction 43395efb2a26ff2d252db9022ffb62ab116a9ac3 `Richard Ishida` If unicode-bidi:isolate-override is applied to a block element, characters are displayed strictly in sequence according to the direction property.
block-override-isolate-002 reference/block-override-isolate-002 direction: div override ltr http://www.w3.org/TR/css-writing-modes-3/#text-direction 778b81c7d5e81cafd480f6d13fe43aeacb0d4650 `Richard Ishida` If unicode-bidi:isolate-override is applied to a block element, characters are displayed strictly in sequence according to the direction property.
block-override-isolate-003 reference/block-override-isolate-003 direction: div direction ltr http://www.w3.org/TR/css-writing-modes-3/#text-direction 27c271ee3ab8ebdbd11cddcab9a2716797123572 `Richard Ishida` If unicode-bidi:isolate-override is applied to a block element with no direction value set, characters are displayed strictly in sequence, in ltr order.
block-override-isolate-004 reference/block-override-isolate-004 unicode-bidi: div override inheritance http://www.w3.org/TR/css-writing-modes-3/#text-direction 3e784685274e5134f5ec0d102945c84507378b0a `Richard Ishida` If unicode-bidi:isolate-override is applied to a block element, all characters in immediate inline text are displayed strictly in sequence according to the direction property, but content of contained blocks is not.
block-plaintext-001 reference/block-plaintext-001 unicode-bidi: div plaintext, rtl http://www.w3.org/TR/css-writing-modes-3/#text-direction 55da668d842d69384eeaf76082095964d36109fc `Richard Ishida` If unicode-bidi: plaintext is applied to a div element containing mixed direction text, the order of directional runs in the text in that element will be determined by its first strong character.
block-plaintext-002 reference/block-plaintext-002 unicode-bidi: div plaintext, ltr http://www.w3.org/TR/css-writing-modes-3/#text-direction ac0c86f0dfff4e6e24224cdf3dd4bd3d3f8952cb `Richard Ishida` If unicode-bidi: plaintext is applied to a div element containing mixed direction text, the order of directional runs in the text in that element will be determined by its first strong character.
block-plaintext-003 reference/block-plaintext-003 unicode-bidi: div plaintext inheritance http://www.w3.org/TR/css-writing-modes-3/#text-direction 7216b2a3e17d8abfc65458f1325845a37ff8b947 `Richard Ishida` If unicode-bidi:plaintext is applied to a block element, directional runs are displayed according to the first strong character, but content of contained blocks is not.
block-plaintext-004 reference/block-plaintext-004 unicode-bidi: div plaintext with br http://www.w3.org/TR/css-writing-modes-3/#text-direction b75731438c0d5544266ee8cb1ba0a895ce97cd4f `Richard Ishida` If unicode-bidi:plaintext is applied to a div element containing br tags, each line of characters that starts after br is displayed according to the first strong character after the br.
block-plaintext-005 unicode-bidi: textarea plaintext http://www.w3.org/TR/css-writing-modes-3/#text-direction 2f2d8e6c45d62bc9d6ca61cb22615749d0a2e243 `Richard Ishida` If unicode-bidi:plaintext is applied to a textarea element, each line of characters after a linebreak is displayed according to the first strong character after the linebreak.
block-plaintext-006 unicode-bidi: pre plaintext http://www.w3.org/TR/css-writing-modes-3/#text-direction 0c629044af2ad8099dac74893c25d14cb049e242 `Richard Ishida` If unicode-bidi:plaintext is applied to a pre element, each line of characters after a linebreak is displayed according to the first strong character after the linebreak.
border-spacing-vlr-003 reference/border-spacing-vrl-002-ref border-spacing - first value is specified and non-zero in 'vertical-lr' table ahem http://www.w3.org/TR/css-writing-modes-3/#dimension-mapping,http://www.w3.org/TR/2011/REC-CSS2-20110607/tables.html#separated-borders 83d485a7f53c6aab05133d1b4ef7a19db40610ea `Gérard Talbot` This test checks that first value of 'border-spacing' represents, from top to bottom, a) spacing between logical table left padding (physical table top padding) and leftmost cells and b) inter-column spacing and c) spacing between rightmost cells and logical table right padding (physical table bottom padding).
border-spacing-vlr-005 reference/border-spacing-vrl-002-ref border-spacing - second value is specified and non-zero in 'vertical-lr' table ahem http://www.w3.org/TR/css-writing-modes-3/#dimension-mapping,http://www.w3.org/TR/2011/REC-CSS2-20110607/tables.html#separated-borders b05a8b886a284274db64edf8ea07770873dea6fd `Gérard Talbot` This test checks that second value of 'border-spacing' represents, from left to right, a) spacing between logical table top padding (physical table left padding) and topmost cells and b) inter-row spacing and c) spacing between bottommost cells and logical table bottom padding (physical table right padding).
border-spacing-vrl-002 reference/border-spacing-vrl-002-ref border-spacing - first value is specified and non-zero in 'vertical-rl' table ahem http://www.w3.org/TR/css-writing-modes-3/#dimension-mapping,http://www.w3.org/TR/2011/REC-CSS2-20110607/tables.html#separated-borders 0a3c8386caea4b8b75d8506e67ab054a1ab08657 `Gérard Talbot` This test checks that first value of 'border-spacing' represents, from top to bottom, a) spacing between logical table right padding (physical table top padding) and rightmost cells and b) inter-column spacing and c) spacing between leftmost cells and logical table left padding (physical table bottom padding).
border-spacing-vrl-004 reference/border-spacing-vrl-002-ref border-spacing - second value is specified and non-zero in 'vertical-rl' table ahem http://www.w3.org/TR/css-writing-modes-3/#dimension-mapping,http://www.w3.org/TR/2011/REC-CSS2-20110607/tables.html#separated-borders ed1d4442e1ab36ddecd8ab74a14ea6f115027b8b `Gérard Talbot` This test checks that second value of 'border-spacing' represents, from right to left, a) spacing between logical table top padding (physical table right padding) and topmost cells and b) inter-row spacing and c) between bottommost cells and logical table bottom padding (physical table left padding).
border-vlr-007 reference/margin-vrl-002-ref border in 'vertical-lr' writing-mode context image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 39a32c0258da774f8016f42d80902ff392f25aef `Gérard Talbot` This test checks that border-left, border-right, border-top and border-bottom do not change in vertical writing-mode. The border-left property of a box still affects the lefthand border of such box.
border-vrl-006 reference/margin-vrl-002-ref border in 'vertical-rl' writing-mode context image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 9bf65bd11b8f5eee2a68f349102d768cef83115d `Gérard Talbot` This test checks that border-left, border-right, border-top and border-bottom do not change in vertical writing-mode. The border-left property of a box still affects the lefthand border of such box.
box-offsets-rel-pos-vlr-003 reference/abs-pos-non-replaced-vlr-013-ref box offsets - position relative image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 3d16e0883c205cf9db0f153a21fe09328210fb9e `Gérard Talbot` The 'top', 'right', 'bottom', 'left' property, for relative positioning, specify the offset of the box itself from its normal in-flow position, from the position it would have had if it had been static. The 'top', 'right', 'bottom', 'left' offset property are physical properties, not logical ones in vertical writing-modes.
box-offsets-rel-pos-vlr-005 reference/box-offsets-rel-pos-vlr-005-ref box offsets - relatively positioned boxes image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 63b0812b0ce58203acbbb078d6a358dfa8ef7921 `Gérard Talbot` Box offsets (bottom, left, right, top) expressed in absolute units (not with percentage unit) for relatively positioned boxes are with respect to the edges of the boxes themselves.
box-offsets-rel-pos-vrl-002 reference/abs-pos-non-replaced-vrl-012-ref box offsets - position relative image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 71f9afb95909f5bbf2f482ea0cae18d0760dd61b `Gérard Talbot` The 'top', 'right', 'bottom', 'left' property, for relative positioning, specify the offset of the box itself from its normal in-flow position, from the position it would have had if it had been static. The 'top', 'right', 'bottom', 'left' offset property are physical properties, not logical ones in vertical writing-modes.
box-offsets-rel-pos-vrl-004 reference/box-offsets-rel-pos-vrl-004-ref box offsets - relatively positioned boxes image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 2fefce44f6b5272b4e3d76d78fbd376dc7ccfcb7 `Gérard Talbot` Box offsets (bottom, left, right, top) expressed in absolute units (not with percentage unit) for relatively positioned boxes are with respect to the edges of the boxes themselves.
central-baseline-alignment-002 reference/central-baseline-alignment-002-ref central baseline-alignment of text with 'text-orientation: upright' (vertical-rl) ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 90489bcb77cfed11d0d0072734e1a6a5408f05e2 `Gérard Talbot` This test checks that the central baseline is used as the dominant baseline when 'text-orientation' is 'upright' in vertical writing-mode.
central-baseline-alignment-003 reference/central-baseline-alignment-002-ref central baseline-alignment of text with 'text-orientation: upright' (vertical-lr) ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 8e6a4d8e67c4492e12b1d72857cbee6aa3611e37 `Gérard Talbot` This test checks that the central baseline is used as the dominant baseline when 'text-orientation' is 'upright' in vertical writing-mode.
clearance-calculations-vrl-002 reference/clearance-calculations-vrl-002-ref Clearance calculations - clearing box has larger margin than width of float ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout d4242a2a0bca411eede1597071a327244f9f7140 `Gérard Talbot` This test checks that when a clearing element has a right margin (in a block formating context with 'writing-mode' set to 'vertical-rl') larger than the width of a floated element, then the right margin is collapsed with the margin-left of preceding in-flow sibling. The clearing element is then placed at the point of the resulting collapsed margin.
clearance-calculations-vrl-004 reference/clearance-calculations-vrl-004-ref Clearance calculations - clearing box has narrower margin than clearance ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 40f016f6c4b7c3eaa5f8afc3e628b6084e37679a `Gérard Talbot` This test checks that if, after margin collapsing, the position of the clearing element is on the right of the float or would be hypothetically positioned within the layout position of the float, then the clearing element is positioned directly on the left of the floated element.
clearance-calculations-vrl-006 reference/clearance-calculations-vrl-006-ref Clearance calculations - clearing box has larger margin than width of float ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 731fe7faeb114a74811b99cd8a78afcdca284f6c `Gérard Talbot` This test checks that when a clearing element (in a block formating context with 'writing-mode' set to 'vertical-rl') has a right margin larger than the width of a floated element, then the right margin is collapsed with the margin-left of preceding in-flow sibling. The clearing element is then placed at the point of the resulting collapsed margin.
clearance-calculations-vrl-008 reference/clearance-calculations-vrl-008-ref clearance calculations image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout a5fad26e2d6a61a22c3742ac09f33d9c1ad82b66 `Gérard Talbot` In this test, the right border edge of div#clearing-left must be on the left side of div#floated-left, i.e., 50px further on its left-hand side. That means that the margin-left of div#preceding-sibling must not collapse with the right margin of the div#clearing-left and clearance must be added such that clearance + margin-right of div#clearing-left = 50px, i.e., clearance = 50px - margin-right of div#clearing-left; therefore clearance is equal to 50px - 75px = - 25px.
css-flexbox-row reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode c2fdd1f935ea17ca5c3ef860a2b39c9040c2b032 `Tsutomu ogaoga Ogasawara` Test checks that when writing mode is vertical and flex-flow: row, the flex container is vertical.
css-flexbox-row-reverse reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 7d6c951b7d2a9a20aec2dae97cf647a7542fd97c `Tsutomu ogaoga Ogasawara` Test checks that when writing mode is vertical and flex-flow: row-reverse, the flex container is vertical.
css-flexbox-row-reverse-wrap reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 45362cab6ef4ccddc48442ef7c30cfdbc4d7b68f `Tsutomu ogaoga Ogasawara` Test checks that when writing mode is vertical and flex-flow: row-reverse wrap, the flex container is vertical.
css-flexbox-row-reverse-wrap-reverse reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode ae71f495e9b7a0b872b7404e8d13546220a99b9c `Tsutomu ogaoga Ogasawara` Test checks that when writing mode is vertical and flex-flow: row-reverse wrap-reverse, the flex container is vertical.
css-flexbox-row-wrap reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 406a4ac39fbf0910cc734e4fa2c2d95d441cbf2a `Tsutomu ogaoga Ogasawara` Test checks that when writing mode is vertical and flex-flow: row wrap, the flex container is vertical.
css-flexbox-row-wrap-reverse reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 3de913d4d90d2452743b0b92d15a212215e1db4a `Tsutomu ogaoga Ogasawara` Test checks that when writing mode is vertical and flex-flow: row wrap-reverse, the flex container is vertical.
different-block-flow-dir-001 reference/ref-filled-green-100px-square descendant inline with a different 'writing-mode' value http://www.w3.org/TR/css-writing-modes-3/#writing-mode 3d33662be593c9a71770ab85e04c5f8e9721aac3 `Gérard Talbot` This test checks that if an inline box has a different block flow direction than its containing block then its display computes to 'inline-block' in which case its specified width and specified height are not ignored and have to be rendered.
different-block-flow-dir-002 reference/ref-filled-green-100px-square descendant inline with a different 'writing-mode' value http://www.w3.org/TR/css-writing-modes-3/#writing-mode dfa3d81dda50b5a39e2a1b98d268841d7af8fd32 `Gérard Talbot` This test checks that if an inline box has a different block flow direction than its containing block then its display computes to 'inline-block' in which case its specified width and specified height are not ignored and have to be rendered.
direction-vlr-003 reference/direction-vlr-003-ref 'vertical-lr' and 'direction: rtl' ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-directions 85b57e6bbc0009da1f731aa034beb60f1129b6a6 `Gérard Talbot` This test checks that when a block box has 'direction' set to 'rtl' in a vertical writing-mode, then inlines boxes are aligned from line-right to line-left.
direction-vlr-005 reference/ref-filled-green-100px-square 'vertical-lr' and 'direction: ltr' ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-directions 305c088bbebc782eafb62ba1e247373937733a4b `Gérard Talbot` This test checks that when a block box has 'direction' set to 'ltr' in a vertical writing-mode, then inlines boxes are aligned from line-left to line-right.
direction-vrl-002 reference/direction-vrl-002-ref 'vertical-rl' and 'direction: rtl' ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-directions 7f096c79710857b359e71592a6a6055f6cdf1bca `Gérard Talbot` This test checks that when a block box has 'direction' set to 'rtl' in a vertical writing-mode, then inlines boxes are aligned from line-right to line-left.
direction-vrl-004 reference/direction-vrl-004-ref 'vertical-rl' and 'direction: ltr' ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-directions f6c41451bca50bac461081ccdc6df1f06fc700ec `Gérard Talbot` This test checks that when a block box has 'direction' set to 'ltr' in a vertical writing-mode, then inlines boxes are aligned from line-left to line-right.
extract-ordered-list-direction-and-writing-modes reference/extract-ordered-list-direction-and-writing-modes-ref flow-into on list items that use different text directions or writing modes http://www.w3.org/TR/css3-regions/#properties,http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode f456a08de75932c3881a76490ed2fdb7211d2bc8 `Mihai Balan` The flow-into property can be applied to elements that have different text directions and writing modes. This tests that the rendering for lists that use different text directions/writing modes are not affected when they are extracted in a named flow and rendered in a region.
float-clear-vlr-003 reference/ref-filled-green-100px-square 'float: right' and 'clear: right' in 'vertical-lr' block formating context (basic) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 07fcbcbaf2f008c88301d93cfaae5d5d5d99a69b `Gérard Talbot`
float-clear-vlr-005 reference/ref-filled-green-100px-square 'float: left' and 'clear: left' in 'vertical-lr' block formating context (basic) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 829edef1ba43cf2f5f92c91b5fb671827dd754e7 `Gérard Talbot`
float-clear-vlr-007 reference/ref-filled-green-100px-square 'float: left' and 'clear: left' in 'vertical-lr' block formating context (intermediate) image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout ff73c2c547ac978e9702668f8e1d30ee651e6c63 `Gérard Talbot` This test checks that a block container box which has floats will not extend its logical height (it will appear to not be aware of its floats) unless it has a clearing block. This test is important for CSS columnar layout page based on floats.
float-clear-vlr-009 reference/ref-filled-green-100px-square 'float: right', 'float: left' and 'clear: both' in 'vertical-lr' block formating context (intermediate) image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout af34987b3fc54f8f282f5b63e92cc2bb9cbdca1c `Gérard Talbot` This test checks that a block container box which has floats will not extend its logical height (it will appear to not be aware of its floats) unless it has a clearing block. This test is important for CSS columnar layout page based on floats.
float-clear-vrl-002 reference/ref-filled-green-100px-square 'float: right' and 'clear: right' in 'vertical-rl' block formating context (basic) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 9bdecc8c72feb5317cd5defde2b9cf3f033a3518 `Gérard Talbot`
float-clear-vrl-004 reference/ref-filled-green-100px-square 'float: left' and 'clear: left' in 'vertical-rl' block formating context (basic) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 913f59cd4842050e73b6e17a08e87c863da4c6e4 `Gérard Talbot`
float-clear-vrl-006 reference/ref-filled-green-100px-square 'float: left' and 'clear: left' in 'vertical-rl' block formating context (intermediate) image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 9aa091af787b6aba54957200da5268f926e98bc5 `Gérard Talbot` This test checks that a block container box which has floats will not extend its logical height (it will appear to not be aware of its floats) unless it has a clearing block. This test is important for CSS columnar layout page based on floats.
float-clear-vrl-008 reference/ref-filled-green-100px-square 'float: right', 'float: left' and 'clear: both' in 'vertical-rl' block formating context (intermediate) image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 313e61bc86b055ca461452fb134c7053a660e1ac `Gérard Talbot` This test checks that a block container box which has floats will not extend its logical height (it will appear to not be aware of its floats) unless it has a clearing block. This test is important for CSS columnar layout page based on floats.
float-contiguous-vlr-003 reference/inline-replaced-vrl-004-ref contiguous left-floating boxes in a 'vertical-lr' block formating context image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout bfc1773cebd248e01384bd37e85bf6d73e92716f `Gérard Talbot` This test checks the flow of contiguous left-floating boxes. The later (in source document) left-floating box must be to the right of the right outer edge of earlier floating boxes otherwise (if there is not enough available horizontal space) below the margin box of the earlier box.
float-contiguous-vlr-005 reference/inline-replaced-vrl-004-ref contiguous right-floating boxes in a 'vertical-lr' block formating context image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout dafae4ce718baf50867418fe360c8d3f01e3ddee `Gérard Talbot` This test checks the flow of contiguous right-floating boxes. The later (in source document) right-floating box must be to the left of the left outer edge of earlier floating boxes otherwise (if there is not enough available horizontal space) below the margin box of the earlier box.
float-contiguous-vlr-007 reference/float-contiguous-vlr-007-ref contiguous left-floating boxes in a 'vertical-lr' block formating context image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 09d97481ef7abde2bb6b1504c7916be5fd2ae5b6 `Gérard Talbot` This test checks the flow of contiguous left-floating boxes. The later (in source document) left-floating box must be to the right of the right outer edge of earlier floating boxes otherwise (if there is not enough available horizontal space) below the margin box of the earlier box.
float-contiguous-vlr-009 reference/float-contiguous-vlr-009-ref contiguous right-floating boxes in a 'vertical-lr' block formating context image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 1b94195a36e6c13249c8b0408d15dc0d2cdd2730 `Gérard Talbot` This test checks the flow of contiguous right-floating boxes. The later (in source document) right-floating box must be to the left of the left outer edge of earlier floating boxes otherwise (if there is not enough available horizontal space) below the margin box of the earlier box.
float-contiguous-vlr-011 reference/ref-filled-green-100px-square contiguous left-floating boxes with 'writing-mode' set to 'vertical-lr' ahem http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 47912d515efdbf85711f47684fb5b053f8b78f5d `Gérard Talbot` This test checks the flow of contiguous left-floated boxes with 'writing-mode' set to 'vertical-lr'.
float-contiguous-vlr-013 reference/float-contiguous-vrl-012-ref contiguous right-floating boxes with 'writing-mode' set to 'vertical-lr' ahem http://www.w3.org/TR/css-writing-modes-3/#vertical-layout e7641e7b9e0218b7c6bd262e6b992c11602e4c86 `Gérard Talbot` This test checks the flow of contiguous right-floated boxes with 'writing-mode' set to 'vertical-lr'.
float-contiguous-vrl-002 reference/inline-replaced-vrl-004-ref contiguous left-floating boxes in a 'vertical-rl' block formating context image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 58d6bef8287144a90dfe6092f55b6bfce7dc15dc `Gérard Talbot` This test checks the flow of contiguous left-floating boxes. The later (in source document) left-floating box must be to the right of the right outer edge of earlier floating boxes otherwise (if there is not enough available horizontal space) below the margin box of the earlier box.
float-contiguous-vrl-004 reference/inline-replaced-vrl-004-ref contiguous right-floating boxes in a 'vertical-rl' block formating context ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout cb54b8398d2a3aa4f966bd587951c931d166e864 `Gérard Talbot` This test checks the flow of contiguous right-floating boxes. The later (in source document) right-floating box must be to the left of the left outer edge of earlier floating boxes, otherwise (if there is not enough available horizontal space) below the margin box of the earlier box.
float-contiguous-vrl-006 reference/float-contiguous-vrl-006-ref contiguous left-floating boxes in a 'vertical-rl' block formating context image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout c37646d07d71d952021f1a3319289597b2090528 `Gérard Talbot` This test checks the flow of contiguous left-floating boxes. The later (in source document) left-floating box must be to the right of the right outer edge of earlier floating boxes otherwise (if there is not enough available horizontal space) below the margin box of the earlier box.
float-contiguous-vrl-008 reference/float-contiguous-vrl-008-ref contiguous right-floating boxes in a 'vertical-rl' block formating context image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout e63d6cbb1dfa09608fd242b1fee1d31a08836ff4 `Gérard Talbot` This test checks the flow of contiguous right-floating boxes. The later (in source document) right-floating box must be to the left of the left outer edge of earlier floating boxes, otherwise (if there is not enough available horizontal space) below the margin box of the earlier box.
float-contiguous-vrl-010 reference/ref-filled-green-100px-square contiguous left-floating boxes with 'writing-mode' set to 'vertical-rl' ahem http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 2e2f0099497621c585b93ca55e0f23efbdc7416d `Gérard Talbot` This test checks the flow of contiguous left-floated boxes with 'writing-mode' set to 'vertical-rl'.
float-contiguous-vrl-012 reference/float-contiguous-vrl-012-ref contiguous right-floating boxes with 'writing-mode' set to 'vertical-rl' ahem http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 9f7ae6ba438db1a662319563f180ffc6f6a3973e `Gérard Talbot` This test checks the flow of contiguous right-floated boxes with 'writing-mode' set to 'vertical-rl'.
float-shrink-to-fit-vlr-003 reference/ref-filled-green-100px-square 'float' and 'shrink-to-fit' logical width in 'vertical-lr' context ahem http://www.w3.org/TR/css-writing-modes-3/#vertical-layout a35d76e8061dc4d14f1b3c8893aab3638a3ffd17 `Gérard Talbot` This test checks that 'shrink-to-fit' width is applied on logical width (measure).
float-shrink-to-fit-vlr-005 reference/ref-filled-green-100px-square 'float' and 'shrink-to-fit' logical width in 'vertical-lr' context ahem http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 63a43e4f6f409808f880e89eb9f2bfbfbe129217 `Gérard Talbot` This test checks that 'shrink-to-fit' width is applied on logical width (measure).
float-shrink-to-fit-vlr-007 reference/ref-filled-green-100px-square 'float' and 'shrink-to-fit' logical width in 'vertical-lr' context ahem http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 32639154e89cfef0ebc1cf80208f1147c650c916 `Gérard Talbot` This test checks that 'shrink-to-fit' width is applied on logical width (measure).
float-shrink-to-fit-vlr-009 reference/ref-filled-green-100px-square 'float' and 'shrink-to-fit' logical width (height: auto) in 'vertical-lr' context ahem http://www.w3.org/TR/css-writing-modes-3/#vertical-layout ed2d047e25d8cb5d55c7b1fbae127a0c7c0a694f `Gérard Talbot` This test checks that 'shrink-to-fit' applying on logical width must not reduce content but size to fit to its content. In this test, 'L' and 'R' glyphs must be rendered.
float-shrink-to-fit-vrl-002 reference/ref-filled-green-100px-square 'float' and 'shrink-to-fit' logical width in 'vertical-rl' context ahem http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 8ad55d62eb2fee042b8823a728db82aaea2396d0 `Gérard Talbot` This test checks that 'shrink-to-fit' width is applied on logical width (measure).
float-shrink-to-fit-vrl-004 reference/ref-filled-green-100px-square 'float' and 'shrink-to-fit' logical width in 'vertical-rl' context ahem http://www.w3.org/TR/css-writing-modes-3/#vertical-layout acb351da743b902013d836e1618fea6f1ee18311 `Gérard Talbot` This test checks that 'shrink-to-fit' width is applied on logical width (measure).
float-shrink-to-fit-vrl-006 reference/ref-filled-green-100px-square 'float' and 'shrink-to-fit' logical width in 'vertical-rl' context ahem http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 7bc2d4a81bd389aa75d1bc462426d46e58551239 `Gérard Talbot` This test checks that 'shrink-to-fit' width is applied on logical width (measure).
float-shrink-to-fit-vrl-008 reference/ref-filled-green-100px-square 'float' and 'shrink-to-fit' logical width (height: auto) in 'vertical-rl' context ahem http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 74970440e0d26ea361967a4a13cc62da738ade90 `Gérard Talbot` This test checks that 'shrink-to-fit' applying on logical width must not reduce content but size to fit to its content. In this test, 'L' and 'R' glyphs must be rendered.
float-shrink-to-fit-vrl-vlr-016 reference/ref-filled-green-100px-square 'float' and 'shrink-to-fit' logical width (16 sub-tests) ahem http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 96fa3797b5ce51977df1cfd0d4cff008a3a02e36 `Gérard Talbot` This test checks that 'shrink-to-fit' rule (CSS2.1, §10.3.5) is applied onto logical width in vertical writing-modes. This test thoroughly checks systematically the 16 combinations of 'writing-mode: vertical-rl', 'writing-mode: vertical-lr', with 'float: left', with 'float: right' and with left and/or right border(s). Not tested here is 'padding-left' and 'padding-right'.
float-vlr-003 reference/ref-filled-green-100px-square 'float: right' in a 'vertical-lr' block formating context (basic) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout f4a69993664114caae1d94e4b780b805a5c981de `Gérard Talbot` This test checks that a floated right box in a containing block with 'writing-mode' set to 'vertical-lr' will be floated at the line-right side of its line box.
float-vlr-005 reference/ref-filled-green-100px-square 'float: right' in a 'vertical-lr' block formating context (basic) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout dbe454e8d21232a52ad7de5e2ac9b4e7506f90a7 `Gérard Talbot` This test checks that a floated right box in a containing block with 'writing-mode' set to 'vertical-lr' will be floated at the line-right side of its line box.
float-vlr-007 reference/ref-filled-green-100px-square 'float: left' in a 'vertical-lr' block formating context (basic) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 656d49fcbca4c00ee6df8148959134238606f1c6 `Gérard Talbot` This test checks that a floated left box in a containing block with 'writing-mode' set to 'vertical-lr' will be floated at the line-left side of its line box.
float-vlr-009 reference/ref-filled-green-100px-square 'float: left' in a 'vertical-lr' block formating context (basic) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout b59fc387b3310eacbba326580ce61d77d8d0ffa0 `Gérard Talbot` This test checks that a floated left box in a containing block with 'writing-mode' set to 'vertical-lr' will be floated at the line-left side of its line box.
float-vlr-011 reference/ref-filled-green-100px-square 'float: left' and 'float: right' in a 'vertical-lr' block formating context (basic) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 1c041d97833e5e83fc7bf7340d7da5f37c5369e4 `Gérard Talbot` This test checks that a floated left box and a floated right box in a containing block with 'writing-mode' set to 'vertical-lr' will be respectively floated at the line-left side of its line box and floated at line-right of its line box.
float-vlr-013 reference/ref-filled-green-100px-square 'float: left' and 'float: right' in a 'vertical-lr' block formating context (basic) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout ce2b294de39487d803d1a33b41894b1a7285f6af `Gérard Talbot` This test checks that a floated left box and a floated right box in a containing block with 'writing-mode' set to 'vertical-lr' will be respectively floated at the line-left side of its line box and floated at line-right of its line box.
float-vrl-002 reference/ref-filled-green-100px-square 'float: right' in a 'vertical-rl' block formating context (basic) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 25b891bc0659de2166f1d11dfadaea4dbe7969d6 `Gérard Talbot` This test checks that a floated right box in a containing block with 'writing-mode' set to 'vertical-rl' will be floated at the line-right side of its line box.
float-vrl-004 reference/ref-filled-green-100px-square 'float: right' in a 'vertical-rl' block formating context (basic) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 55cf90f7b2e53a83b79208a3c8846c42e30dfcff `Gérard Talbot` This test checks that a floated right box in a containing block with 'writing-mode' set to 'vertical-rl' will be floated at the line-right side of its line box.
float-vrl-006 reference/ref-filled-green-100px-square 'float: left' in a 'vertical-rl' block formating context (basic) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 59fa1d832936c3523bbdc01f8797575c1c9a1b7b `Gérard Talbot` This test checks that a floated left box in a containing block with 'writing-mode' set to 'vertical-rl' will be floated at the line-left side of its line box.
float-vrl-008 reference/ref-filled-green-100px-square 'float: left' in a 'vertical-rl' block formating context (basic) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout a562d6a1fc23693c8780b209673e0aeec9d0cae3 `Gérard Talbot` This test checks that a floated left box in a containing block with 'writing-mode' set to 'vertical-rl' will be floated at the line-left side of its line box.
float-vrl-010 reference/ref-filled-green-100px-square 'float: left' and 'float: right' in a 'vertical-rl' block formating context (basic) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout b59980fd3c43107970860cdcea17e840474a0116 `Gérard Talbot` This test checks that a floated left box and a floated right box in a containing block with 'writing-mode' set to 'vertical-rl' will be respectively floated at the line-left side of its line box and floated at line-right of its line box.
float-vrl-012 reference/ref-filled-green-100px-square 'float: left' and 'float: right' in a 'vertical-rl' block formating context (basic) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 11b96153a38deaffbe497b0fe9252c25f30f6c9e `Gérard Talbot` This test checks that a floated left box and a floated right box in a containing block with 'writing-mode' set to 'vertical-rl' will be respectively floated at the line-left side of its line box and floated at line-right of its line box.
form-controls-vert-rl-004 order, orientation and layout of form controls in 'vertical-rl' writing-mode image,should http://www.w3.org/TR/css-writing-modes-3/#writing-mode 55f1a010d3b5d51bba07822f206228b170782c0c `Gérard Talbot` This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1.
form-controls-vert-rl-005 form controls in 'vertical-rl' writing-mode should http://www.w3.org/TR/css-writing-modes-3/#writing-mode 76cacb867c752913e51f52b6a19d9c0f9d55e080 `Gérard Talbot` This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'vertical-rl' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from right to left.
full-width-001 reference/full-width-ref,!reference/full-width-notcu-notref,!reference/full-width-horizontal-notref CSS Writing Modes: text-combine-upright on full-width characters http://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth f752970d15c5ed27a98a938b60500d0518a5f23f `Masataka Yakura` When two or more full-width characters are combined, they are first converted to non-full-width characters.
full-width-002 reference/full-width-ref,!reference/full-width-notcu-notref,!reference/full-width-horizontal-notref CSS Writing Modes: text-combine-upright on full-width characters http://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth,http://www.w3.org/TR/css-text-3/#full-width c4e7b411f8ee7860df31d67b1dc147115f1ef50a `Masataka Yakura` When two or more full-width characters are combined, they are first converted to non-full-width characters.
full-width-003 reference/full-width-ref,!reference/full-width-notcu-notref,!reference/full-width-horizontal-notref CSS Writing Modes: text-combine-upright on full-width characters http://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth,http://www.w3.org/TR/css-text-3/#full-width cbbd004f1f243eb9d28cd04589984f141132cfd1 `Masataka Yakura` When two or more full-width characters are combined, they are first converted to non-full-width characters.
height-auto-non-replaced-block-vlr-003 'height: auto' - non-replaced block in orthogonal flow ('vertical-lr') scroll http://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto c17cb738118b6d5931ed8d3dbaab1ce0501fe9c8 `Gérard Talbot` This test checks that the initial containing block's height (which is the size of viewport height) is used for determination of a block's measure (inline-size) in orthogonal flow when such measure is 'auto'.
height-auto-non-replaced-block-vlr-005 'height: auto' - non-replaced block in orthogonal flow ('vertical-rl') scroll http://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto 2d9ab7acdf6067a8588784b74513919f4ff5c2f2 `Gérard Talbot` This test checks that the initial containing block's height (which is the size of viewport height) is used for determination of a block's measure (inline-size) in orthogonal flow when such measure is 'auto'.
height-auto-non-replaced-block-vrl-002 'height: auto' - non-replaced block in orthogonal flow ('vertical-rl') scroll http://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto 2e0ba9892d94ee112c326271b5ac46fd014fc17d `Gérard Talbot` This test checks that the initial containing block's height (which is the size of viewport height) is used for determination of a block's measure (inline-size) in orthogonal flow when such measure is 'auto'.
height-auto-non-replaced-block-vrl-004 'height: auto' - non-replaced block in orthogonal flow ('vertical-rl') scroll http://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto f0fde24ada64b678b5a233900f4b470979a0bcc4 `Gérard Talbot` This test checks that the initial containing block's height (which is the size of viewport height) is used for determination of a block's measure (inline-size) in orthogonal flow when such measure is 'auto'.
horizontal-rule-vlr-003 reference/horizontal-rule-vlr-003-ref horizontal rule - 'vertical-lr' and orthogonal flow image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout c47416e169c5b440e743a67eac5c3c4d5196f6a5 `Gérard Talbot` This test checks that an horizontal rule (
element) in 'vertical-lr' writing-mode must be rendered as a vertical rule.
horizontal-rule-vlr-005 reference/horizontal-rule-vrl-004-ref horizontal rule - 'vertical-lr' http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 6f5f57495bcbc441c3eafb695347e47d5c5ec496 `Gérard Talbot` This test checks that an horizontal rule (
element) with 'vertical-lr' writing-mode but inside an 'horizontal-tb' writing-mode context must be rendered as an horizontal rule.
horizontal-rule-vrl-002 reference/horizontal-rule-vrl-002-ref horizontal rule - 'vertical-rl' and orthogonal flow image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 3bf5bbb3bbb172c806b28ffa7a8b231b8e97918a `Gérard Talbot` This test checks that an horizontal rule (
element) in 'vertical-rl' writing-mode must be rendered as a vertical rule.
horizontal-rule-vrl-004 reference/horizontal-rule-vrl-004-ref horizontal rule - 'vertical-rl' http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 14da7156297d3627b6ed03de8cb83fe63b851ea9 `Gérard Talbot` This test checks that an horizontal rule (
element) with 'vertical-rl' writing-mode but inside an 'horizontal-tb' writing-mode context must be rendered as an horizontal rule.
inline-block-alignment-001 reference/inline-block-alignment-001-ref inline-block alignment - inline-block with content (alphabetical alignment with horizontal layout) image http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes 821ae4b19d3dd8ea2048595bea4ebb3d023c57fb `Hajime Shiozawa` This test checks the generation of inline-block baseline. When 'writing-mode' is horizontal, then the alphabetical baseline is used as the dominant baseline.
inline-block-alignment-002-sidewaysleft inline-block alignment - inline-block with content (alphabetical alignment with vertical layout) image http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes 53b8f2d1c97a9f8c5a24d892088cae2846194bac `Hajime Shiozawa` This test checks the generation of inline-block baseline. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
inline-block-alignment-002-sidewaysright inline-block alignment - inline-block with content (alphabetical alignment with vertical layout) image http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes 96155ce40e8d728986bd32d0cb8b64724862617a `Hajime Shiozawa` This test checks the generation of inline-block baseline. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
inline-block-alignment-003-lr inline-block alignment - inline-block with content (central alignment with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes 6f86f399edcdf82716a84be9c2528b6905ff9741 `Hajime Shiozawa` This test checks the generation of inline-block baseline. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
inline-block-alignment-003-rl inline-block alignment - inline-block with content (central alignment with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes 524b3705547388b65d1f6a0cc826d10ba0c67aa4 `Hajime Shiozawa` This test checks the generation of inline-block baseline. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
inline-block-alignment-004 reference/inline-block-alignment-004-ref inline-block alignment - inline-block without content (alphabetical alignment with horizontal layout) image http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes 602bda6a0608e84fce3091ae0273e7facf37d683 `Hajime Shiozawa` This test checks the generation of empty inline-block baseline. When 'writing-mode' is horizontal, then the alphabetical baseline is used as the dominant baseline.
inline-block-alignment-005-sidewaysleft inline-block alignment - inline-block without content (alphabetical alignment with vertical layout) image http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes 68067dfb7be3154ca72260ad487294385e70c13a `Hajime Shiozawa` This test checks the generation of empty inline-block baseline. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
inline-block-alignment-005-sidewaysright inline-block alignment - inline-block without content (alphabetical alignment with vertical layout) image http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes f24f1c212ca3e23d0d495e46b38ec0cb297cad2c `Hajime Shiozawa` This test checks the generation of empty inline-block baseline. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
inline-block-alignment-006-lr inline-block alignment - inline-block without content (central alignment with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes f9618df006d1eb85dff19d08d8627ef433d0aea0 `Hajime Shiozawa` This test checks the generation of empty inline-block baseline. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
inline-block-alignment-006-rl inline-block alignment - inline-block without content (central alignment with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes d5591ccbb1a1a0c3c089eaa939143a0ac7adb939 `Hajime Shiozawa` This test checks the generation of empty inline-block baseline. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
inline-replaced-vlr-003 reference/inline-replaced-vrl-002-ref inline replaced element and 'vertical-lr' image http://www.w3.org/TR/css-writing-modes-3/#writing-mode fb490b42fc0b5e2d19122a5ec93d729280d0de37 `Gérard Talbot` This test checks that the content of an inline replaced element does not rotate due to the writing mode.
inline-replaced-vlr-005 reference/inline-replaced-vrl-004-ref inline replaced element and 'vertical-lr' (advanced) ahem,image http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines b5dcfdc56b5b258c40416c2cec8aaf08b2cdeeeb `Gérard Talbot` This test checks that, while the content of inline replaced elements do not rotate in vertical writing mode, they are nevertheless laid out from top to bottom (inline base direction) in a line box and their baseline-alignment is central (not alphabetic) and then the following lines boxes (line box direction within a block container) are ordered from left to right.
inline-replaced-vrl-002 reference/inline-replaced-vrl-002-ref inline replaced element and 'vertical-rl' image http://www.w3.org/TR/css-writing-modes-3/#writing-mode 65edb60ad7a542cacaee25d586d2a07bc30e86b9 `Gérard Talbot` This test checks that the content of an inline replaced element does not rotate due to the writing mode.
inline-replaced-vrl-004 reference/inline-replaced-vrl-004-ref inline replaced element and 'vertical-rl' (advanced) ahem,image http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines f778f8c545ab11a407e3e54af3c32bd409d0e385 `Gérard Talbot` This test checks that, while the content of inline replaced elements do not rotate in vertical writing mode, they are nevertheless laid out from top to bottom (inline base direction) in a line box and their baseline-alignment is central (not alphabetic) and then the following lines boxes (line box direction within a block container) are ordered from right to left.
line-box-direction-001 reference/block-flow-direction-001-ref horizontal-tb - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode d7552acb4da0e10ba1d4b41acab6546e6afab01d `Gérard Talbot` This test checks that line boxes of a block box in a 'horizontal-tb' writing mode are laid out one after the other, vertically, with the first beginning at the top of the block box; they are ordered from top to bottom meaning that the 1st line box is the topmost one and then the 2nd block is juxtaposed to its bottom, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...
line-box-direction-002 reference/block-flow-direction-001-ref vertical-rl - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 46bf5686799dd169dd2475c64b5c18212707227c `Gérard Talbot` This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...
line-box-direction-003 reference/block-flow-direction-001-ref vertical-lr - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode ed513e0371680fbd13470d21904e74bf47e42a25 `Gérard Talbot` This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...
line-box-direction-005 reference/block-flow-direction-001-ref 'float: left' and 'vertical-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 4fd9ba06e3eaa457ddabe8949f8c65ba8eb46024 `Gérard Talbot` This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left.
line-box-direction-006 reference/block-flow-direction-001-ref 'float: left' and 'vertical-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 79b831b58c9e4678c6ad721e5ae20863f2c2ebd5 `Gérard Talbot` This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'vertical-lr' will be ordered from right to left.
line-box-direction-007 reference/block-flow-direction-002-ref 'float: right' and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode fef857d3bd765c067ecc0dd258a88b2234d7c485 `Gérard Talbot` This test checks that the line boxes of a right-floated box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right.
line-box-direction-008 reference/block-flow-direction-002-ref 'float: right' and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode ea6b695b6f120d7cfc7f111136c4d26bcf0d4df2 `Gérard Talbot` This test checks that the line boxes of right-floated boxes with 'writing-mode' set to 'vertical-lr' will be ordered from left to right.
line-box-direction-009 reference/block-flow-direction-001-ref position absolute and 'vertical-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 24bebd5db34b6db524a8d959a390ceaa359f0eab `Gérard Talbot` This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left.
line-box-direction-010 reference/block-flow-direction-001-ref position absolute and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 95a69a326d762a7f9cea1317a43dbe297670b8bc `Gérard Talbot` This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right.
line-box-direction-011 reference/block-flow-direction-001-ref inline-block and 'vertical-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 7de226f93d1070099962c17fbcd2c9a10213aade `Gérard Talbot` This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.
line-box-direction-012 reference/block-flow-direction-001-ref inline-block and 'vertical-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 45925e8c14fdb1752cca7d0a29ba2701b99b63f1 `Gérard Talbot` This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-rl' are ordered from right to left.
line-box-direction-013 reference/block-flow-direction-001-ref inline-block and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 812e1ddd55d88a69ec67f77ba5665f8615174d05 `Gérard Talbot` This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.
line-box-direction-014 reference/block-flow-direction-001-ref inline-block and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 0ee78c11f5c8649d9e6b9696193397dc8c7347a1 `Gérard Talbot` This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-lr' are ordered from left to right.
line-box-direction-015 reference/block-flow-direction-001-ref table-cell and 'vertical-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode a00758fb223b87299a4ff0e6229bb87cf07756bf `Gérard Talbot` This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.
line-box-direction-016 reference/block-flow-direction-001-ref table-cell and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode d4cd1c95d7ad40e5eb946c9931cce3caaaf87e5d `Gérard Talbot` This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.
line-box-direction-017 reference/block-flow-direction-001-ref table-caption and 'vertical-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 8b315cc8543780462348d91733091b8f88308d88 `Gérard Talbot` This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.
line-box-direction-018 reference/block-flow-direction-001-ref table-caption and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 947bcfadbfe8f88ad99334e15de647cbd0dfe8f6 `Gérard Talbot` This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.
line-box-direction-019 reference/block-flow-direction-001-ref list and 'vertical-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 67452b2785ca78ba7d0fefa1c51ac8e69a1fd279 `Gérard Talbot` This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...
line-box-direction-020 reference/block-flow-direction-001-ref list and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode e377ac675204360a7c3c2732aabd44a56e76177b `Gérard Talbot` This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...
list-items-vert-rl-005 order, orientation and layout of list items in a 'vertical-rl' writing-mode image http://www.w3.org/TR/css-writing-modes-3/#writing-mode 06db15ebc571b3d2bd24525cccb7d313c6b69104 `Gérard Talbot` This test checks the order, the orientation and layout of list items when in a 'vertical-rl' writing mode as illustrated by and according to Example 5 of section 3.1.
margin-collapse-vlr-003 reference/ref-filled-green-100px-square 'vertical-lr' and margin collapsing - maximum of 2 adjoining margins ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 17360ce7dfc9485ca0cafb9596f7d9b5a974de20 `Gérard Talbot` This test checks that margin-end and margin-start of adjacent blocks collapse into its maximum in 'vertical-lr' writing-mode.
margin-collapse-vlr-009 reference/ref-filled-green-100px-square 'vertical-lr' and margin collapsing - adjoining margins of non-siblings or ancestors ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout c219405819902980a7724034dbc5a83c95881fff `Gérard Talbot` This test checks that adjoining margin-end and margin-start boxes generated by elements, that are not related by siblings or ancestors, collapse in 'vertical-lr' writing-mode.
margin-collapse-vlr-011 reference/ref-filled-green-100px-square 'vertical-lr' and margin collapsing - floated elements do not collapse margins ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 285ed7143afc4ae1d12bd164fa64fbb8030965d7 `Gérard Talbot` This test checks that margin-end of floated box does not collapse with the margin-start of a preceding block box in 'vertical-lr' writing-mode.
margin-collapse-vlr-015 reference/ref-filled-green-100px-square 'vertical-lr' and margin collapsing - elements with 'overflow' set to 'visible' ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 1910bce002686e0f76a4c348f741643f0b0d154e `Gérard Talbot` This test checks that elements with 'overflow' set to 'visible' collapse margin with in-flow children in 'vertical-lr' writing-mode.
margin-collapse-vlr-017 reference/ref-if-there-is-no-red 'vertical-lr' and margin collapsing - elements with 'overflow' set to 'hidden' ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 816d73ac7ad98d3f059df71c79ffbe67fd68e15c `Gérard Talbot` This test checks that elements with 'overflow' set to 'hidden' do not collapse margin with in-flow children in 'vertical-lr' writing-mode.
margin-collapse-vlr-023 'vertical-lr' and margin collapsing - absolute positioning and siblings ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 92c9054dea0f6df70fc0df276d6cb886661672ca `Gérard Talbot` This test checks that absolutely positioned boxes do not collapse margins with siblings in 'vertical-lr' writing-mode.
margin-collapse-vlr-025 reference/ref-filled-green-100px-square 'vertical-lr' and margin collapsing - collapse through empty siblings ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout b3fc87387f20364bf5e0ca9cb6f6c3f3a76e912f `Gérard Talbot` This test checks that margins can collapse through empty elements in 'vertical-lr' writing-mode.
margin-collapse-vlr-031 reference/ref-filled-green-100px-square 'vertical-lr' and margin collapsing - collapse through sibling ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 1f6bd5cf9caa176f41bf038214484313f56d4866 `Gérard Talbot` This test checks that horizontal margins of boxes can collapse through a sibling box whose left and right margins collapse in 'vertical-lr' writing-mode.
margin-collapse-vlr-035 reference/ref-filled-green-100px-square 'vertical-lr' and margin collapsing - left margin of a block collapses with left margin of its first child ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 0c1868311e1e35b1a7af8dea47b89fcbd41a9a84 `Gérard Talbot` This test checks that, in a vertical-lr context, the left margin an in-flow block element collapses with its first in-flow block-level child's left margin if the element has no top border, no top padding, and the child has no clearance.
margin-collapse-vlr-037 reference/ref-filled-green-100px-square 'vertical-lr' and margin collapsing - right margin of a block collapses with right margin of its last child ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 81fce7db2cffde9823c8b9672e1ec7d84c5a7932 `Gérard Talbot` This test checks that, in a vertical-lr context, the right margin an in-flow block box collapses with its last in-flow block-level child's right margin if the element has no right padding and no right border and the child's right margin does not collapse with a left margin that has clearance.
margin-collapse-vrl-002 reference/ref-filled-green-100px-square 'vertical-rl' and margin collapsing - maximum of 2 adjoining margins ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 5289dc3226137de106c705a43e3b69a3b588e8ac `Gérard Talbot` This test checks that margin-end and margin-start of adjacent blocks collapse into its maximum in 'vertical-rl' writing-mode.
margin-collapse-vrl-008 reference/ref-filled-green-100px-square 'vertical-rl' and margin collapsing - adjoining margins of non-siblings or ancestors ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 847ef0e6462f1ca70aea6ff395dcb32d608dd5ca `Gérard Talbot` This test checks that adjoining margin-end and margin-start boxes generated by elements, that are not related by siblings or ancestors, collapse in 'vertical-rl' writing-mode.
margin-collapse-vrl-010 reference/ref-filled-green-100px-square 'vertical-rl' and margin collapsing - floated elements do not collapse margins ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 11434b5bbf7d017becea9a7f50f51111280fa2e7 `Gérard Talbot` This test checks that margin-start of floated box does not collapse with the margin-end of a preceding block box in 'vertical-rl' writing-mode.
margin-collapse-vrl-014 reference/ref-filled-green-100px-square 'vertical-rl' and margin collapsing - elements with 'overflow' set to 'visible' ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 189a3ba70e80d366caec1a521ec73452990cb0e9 `Gérard Talbot` This test checks that elements with 'overflow' set to 'visible' collapse margin with in-flow children in 'vertical-rl' writing-mode.
margin-collapse-vrl-016 reference/ref-if-there-is-no-red 'vertical-rl' and margin collapsing - elements with 'overflow' set to 'hidden' ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout db3160257a13cc65708943a5e4605e7152827848 `Gérard Talbot` This test checks that elements with 'overflow' set to 'hidden' do not collapse margin with in-flow children in 'vertical-rl' writing-mode.
margin-collapse-vrl-022 'vertical-rl' and margin collapsing - absolute positioning and siblings ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 2d31816112206bbebe5ce7dde418fa25a54d0d4c `Gérard Talbot` This test checks that absolutely positioned boxes do not collapse margins with siblings in 'vertical-rl' writing-mode.
margin-collapse-vrl-024 reference/ref-filled-green-100px-square 'vertical-rl' and margin collapsing - collapse through empty siblings ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 558d029b4b6fd193ac3b04220ec10f5226f18810 `Gérard Talbot` This test checks that margins can collapse through empty elements in 'vertical-rl' writing-mode.
margin-collapse-vrl-030 reference/ref-filled-green-100px-square 'vertical-rl' and margin collapsing - collapse through sibling ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout f7361122bcbe1aa63c13644dc3267d191e7a2b8f `Gérard Talbot` This test checks that horizontal margins of boxes can collapse through a sibling box whose left and right margins collapse in 'vertical-rl' writing-mode.
margin-collapse-vrl-034 reference/ref-filled-green-100px-square 'vertical-rl' and margin collapsing - right margin of a block collapses with right margin of its first child ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout c383d4e25e05263bed13bdbe491783e431e8d427 `Gérard Talbot` This test checks that, in a vertical-rl context, the right margin an in-flow block box collapses with its first in-flow block-level child's right margin if the element has no top border, no top padding, and the child has no clearance.
margin-collapse-vrl-036 reference/ref-filled-green-100px-square 'vertical-rl' and margin collapsing - left margin of a block collapses with left margin of its last child ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 646e80149a20561f3e11b75ccf98e5742f55c826 `Gérard Talbot` This test checks that, in a vertical-rl context, the left margin an in-flow block box collapses with its last in-flow block-level child's left margin if the element has no left padding and no left border and the child's left margin does not collapse with a right margin that has clearance.
margin-vlr-003 reference/margin-vrl-002-ref margin in 'vertical-lr' writing-mode context image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 02f132c12e24ed234c7d79910b270cc64ab6972c `Gérard Talbot` This test checks that margin-left, margin-right, margin-top and margin-bottom do not change in vertical writing-mode. The margin-left property of a box still affects the lefthand margin of such box.
margin-vrl-002 reference/margin-vrl-002-ref margin in 'vertical-rl' writing-mode context image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 3750fe541b8a60cceb015ad4592fa7a6d11754ac `Gérard Talbot` This test checks that margin-left, margin-right, margin-top and margin-bottom do not change in vertical writing-mode. The margin-left property of a box still affects the lefthand margin of such box.
padding-vlr-005 reference/margin-vrl-002-ref padding in 'vertical-lr' writing-mode context image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 4c16042900e00793d562c3b4f5c39a3df16b1f95 `Gérard Talbot` This test checks that padding-left, padding-right, padding-top and padding-bottom do not change in vertical writing-mode. The padding-left property of a box still affects the lefthand padding of such box.
padding-vrl-004 reference/margin-vrl-002-ref padding in 'vertical-rl' writing-mode context image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 43a0740c77fa25671e5831c88555b884e75216ee `Gérard Talbot` This test checks that padding-left, padding-right, padding-top and padding-bottom do not change in vertical writing-mode. The padding-left property of a box still affects the lefthand padding of such box.
page-flow-direction-002 'writing-mode: vertical-rl' - default page flow (progression) direction image,paged http://www.w3.org/TR/css-writing-modes-3/#writing-mode 517eb88ec0066fc5b6f14a1602fa5383364ecb3c `Gérard Talbot` This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is right-to-left.
page-flow-direction-003 'writing-mode: vertical-lr' - default page flow (progression) direction image,paged http://www.w3.org/TR/css-writing-modes-3/#writing-mode 9362449f07d4b9dac8dc62f7cc5c1760d02387be `Gérard Talbot` This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right.
percent-margin-vlr-003 reference/margin-vrl-002-ref margin percentage and 'vertical-lr' image http://www.w3.org/TR/css-writing-modes-3/#dimension-mapping 7f8cb2643e576eeee6bbe217d9c0cae394cbefa2 `Gérard Talbot` This test checks that percentages on the margin are calculated with respect to the width of the containing block if the 'writing-mode' of such containing block is 'horizontal-tb'. In this test, div.outer's computed 'writing-mode' value is 'horizontal-tb' and it is the div.inner's containing block.
percent-margin-vlr-005 reference/margin-vrl-002-ref margin percentage and 'vertical-lr' image http://www.w3.org/TR/css-writing-modes-3/#dimension-mapping 8f43efefa8f87fdaef76785b8187ea6679e413e0 `Gérard Talbot` This test checks that percentages on the margin are calculated with respect to the height of the containing block if the 'writing-mode' of such containing block is 'vertical-lr'.
percent-margin-vrl-002 reference/margin-vrl-002-ref margin percentage and 'vertical-rl' image http://www.w3.org/TR/css-writing-modes-3/#dimension-mapping 6778215543798d6e2c1674b42acb46f4cf82519a `Gérard Talbot` This test checks that percentages on the margin are calculated with respect to the width of the containing block if 'writing-mode' of such containing block is 'horizontal-tb'. In this test, div.outer's computed 'writing-mode' value is 'horizontal-tb' and it is the div.inner's containing block.
percent-margin-vrl-004 reference/margin-vrl-002-ref margin percentage and 'vertical-rl' image http://www.w3.org/TR/css-writing-modes-3/#dimension-mapping a833ce8b67e5f1278f9c0c4bea8a5bc572cf5e22 `Gérard Talbot` This test checks that percentages on the margin are calculated with respect to the height of the containing block if the 'writing-mode' of such containing block is 'vertical-rl'.
percent-padding-vlr-003 reference/margin-vrl-002-ref padding percentage and 'vertical-lr' image http://www.w3.org/TR/css-writing-modes-3/#dimension-mapping 9acfd9f36f2c2cf92858572d581253184c25bc7c `Gérard Talbot` This test checks that percentages on the padding are calculated with respect to the width of the containing block if 'writing-mode' of such containing block is 'horizontal-tb'. In this test, div.outer's computed 'writing-mode' value is 'horizontal-tb' and it is the div.inner's containing block.
percent-padding-vlr-005 reference/margin-vrl-002-ref padding percentage and 'vertical-lr' image http://www.w3.org/TR/css-writing-modes-3/#dimension-mapping 8022d054f973c97adc8575c2686cace9410dd6a2 `Gérard Talbot` This test checks that percentages on the padding are calculated with respect to the height of the containing block if the 'writing-mode' of such containing block is 'vertical-lr'.
percent-padding-vrl-002 reference/margin-vrl-002-ref padding percentage and 'vertical-rl' image http://www.w3.org/TR/css-writing-modes-3/#dimension-mapping 46bf229add29cd4f0984152453b4a1e0def8cc50 `Gérard Talbot` This test checks that percentages on the padding are calculated with respect to the width of the containing block if the 'writing-mode' of such containing block is 'horizontal-tb'. In this test, div.outer's computed 'writing-mode' value is 'horizontal-tb' and it is the div.inner's containing block.
percent-padding-vrl-004 reference/margin-vrl-002-ref padding percentage and 'vertical-rl' image http://www.w3.org/TR/css-writing-modes-3/#dimension-mapping 392685a3f0699866a5cce5c86c06b53f56661e3c `Gérard Talbot` This test checks that percentages on the padding are calculated with respect to the height of the containing block if the 'writing-mode' of such containing block is 'vertical-rl'.
replaced-content-image-002 alternate text of image and vertical writing mode should http://www.w3.org/TR/css-writing-modes-3/#writing-mode 70d61235f5585e0d31e481bcf211b85eff22f9e9 `Gérard Talbot` This test checks that alternate text (latin) of image rotates 90° clockwise in vertical writing mode.
replaced-content-image-003 alternate text of image and vertical writing mode should http://www.w3.org/TR/css-writing-modes-3/#writing-mode 7b74dbd7ce8dfb573f138987a97a5bcd5d209973 `Gérard Talbot` This test checks that alternate text (latin) of image rotates 90° clockwise in vertical writing mode.
row-progression-002 reference/block-flow-direction-001-ref vertical-rl - table rows progression ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 3b5c12ab7921fc088c384d13b2c9ca16ed08209a `Gérard Talbot` This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...
row-progression-003 reference/block-flow-direction-001-ref vertical-lr - table rows progression ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 2f306a069548ca21adbcaf8421cb60f7bd66aba1 `Gérard Talbot` This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc...
row-progression-004 reference/block-flow-direction-001-ref vertical-rl - table rows progression and colspan ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 21499b03475c70525c8c844567aadaf4dc3d6143 `Gérard Talbot` This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction.
row-progression-005 reference/block-flow-direction-001-ref vertical-lr - table rows progression and colspan ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 6d2313c1db8eb7f8220f00c88936bd203cf29a3e `Gérard Talbot` This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction.
row-progression-006 reference/block-flow-direction-001-ref vertical-rl - table rows progression and rowspan ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 025e0fff6dcb4a8b14a9a3a31ed4ac05fdcdc79f `Gérard Talbot` This test checks that rowspanned cells in a table are handled according to a right-to-left direction.
row-progression-007 reference/block-flow-direction-001-ref vertical-lr - table rows progression and rowspan ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 1ccc34bd4627e677930a86bfd2c50f2befc90290 `Gérard Talbot` This test checks that rowspanned cells in a table are handled according to a left-to-right direction.
row-progression-008 reference/block-flow-direction-001-ref vertical-rl - table rows progression (thead, 2 tbodies, tfoot) ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 088ef6214813ff19985f59d9ce9970c2eaaa39d4 `Gérard Talbot` This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...
row-progression-009 reference/block-flow-direction-001-ref vertical-lr - table rows progression (thead, 2 tbodies, tfoot) ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode f6ff4559ed25934fbb3c5361dbe5b81756f56579 `Gérard Talbot` This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc...
table-column-order-002 reference/block-flow-direction-001-ref 'direction: rtl' - table columns order and vertical-rl ahem http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#vertical-layout fb78f77cd5262bbe761aa9fe867621a8c3a73a70 `Hajime Shiozawa` This test checks that a table with 'writing-mode' set to 'vertical-rl' and with 'direction' set to 'rtl' will have its column displayed from bottom (1st column) to top (last column). The inline base direction is still from top to bottom.
table-column-order-003 reference/block-flow-direction-001-ref 'direction: rtl' - table columns order and vertical-lr ahem http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#vertical-layout ce9b9dc76a8fdfad09d1a2724fa783a6683004e0 `Hajime Shiozawa` This test checks that a table with 'writing-mode' set to 'vertical-lr' and with 'direction' set to 'rtl' will have its column displayed from bottom (1st column) to top (last column). The inline base direction is still from top to bottom.
table-column-order-004 reference/block-flow-direction-001-ref 'direction: rtl' - table columns order and vertical-rl ahem http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 73b9fe08143c5bc02ce7993bbedb7d6d66266d7e `Hajime Shiozawa` This test checks that colspanned cells in a table with 'direction' set to 'rtl' are handled according to a bottom-to-top column direction.
table-column-order-005 reference/block-flow-direction-001-ref 'direction: rtl' - table columns order and vertical-lr ahem http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 8030438f3bad113fd056b7d3b2fdfac2b7f784a4 `Hajime Shiozawa` This test checks that colspanned cells in a table with 'direction' set to 'rtl' are handled according to a bottom-to-top column direction.
text-align-vlr-003 reference/ref-filled-green-100px-square 'text-align: left' - 'vertical-lr' and 'direction: ltr' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout cddc4c0782ac3516e28e056444d5ee24e3ef5f76 `Gérard Talbot`
text-align-vlr-005 reference/ref-filled-green-100px-square 'text-align: left' - 'vertical-lr' and 'direction: rtl' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 3fee558381ef7607ba776b511228381bac8016ca `Gérard Talbot` This test checks that 'text-align: left' aligns an inline box within a line box with respect to the line box's logical left side (line-left side). Here, 'direction: rtl' has no impact, no influence on such alignment.
text-align-vlr-007 reference/ref-filled-green-100px-square 'text-align: left' - 'vertical-lr' and initial, default 'direction' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 7cd89d36dde9096d58920aa38f1883e70a1ac2bb `Gérard Talbot`
text-align-vlr-009 reference/text-align-vlr-009-ref 'text-align: center' - 'vertical-lr' and 'direction: ltr' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 0bf4800ed75b4b86dc8cb6d078d63a3cead3c0a7 `Gérard Talbot`
text-align-vlr-011 reference/text-align-vlr-009-ref 'text-align: center' - 'vertical-lr' and 'direction: rtl' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 7a746010122961961d034cb424c15df5207433d5 `Gérard Talbot` This test checks that 'text-align: center' centers an inline box within a line box with respect to the line box's logical left and right sides (line-left and line-right sides).
text-align-vlr-013 reference/text-align-vlr-009-ref 'text-align: center' - 'vertical-lr' and initial, default 'direction' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 0cc6bd1ace87fbbc8b4127fa1221aa4640290cdd `Gérard Talbot`
text-align-vlr-015 reference/direction-vlr-003-ref 'text-align: right' - 'vertical-lr' and 'direction: ltr' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout fc2d70ed97049769ac4180cbce50df74c4d295b3 `Gérard Talbot`
text-align-vlr-017 reference/direction-vlr-003-ref 'text-align: right' - 'vertical-lr' and 'direction: rtl' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 78475f1ef26fdb3b7e6c4dfc7b579bb106f29975 `Gérard Talbot` This test checks that 'text-align: right' aligns an inline box within a line box with respect to the line box's logical right side (line-right side). Here, 'direction: rtl' has no impact, no influence on such alignment.
text-align-vlr-019 reference/direction-vlr-003-ref 'text-align: right' - 'vertical-lr' and initial, default 'direction' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout e3819021bbe9eb9b72e52b9dd9534e52e9e4947e `Gérard Talbot` This test checks that 'text-align: right' aligns an inline box within a line box with respect to such line box's logical right side (line-right side).
text-align-vrl-002 reference/direction-vrl-004-ref 'text-align: left' - 'vertical-rl' and 'direction: ltr' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 4007cbf1a86f51b2ff1e98f9a00494740af43e12 `Gérard Talbot` This test checks that 'text-align: left' aligns an inline box within a line box with respect to such line box's logical left side (line-left side).
text-align-vrl-004 reference/direction-vrl-004-ref 'text-align: left' - 'vertical-rl' and 'direction: rtl' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 4766d37918126115e3d4f78c6ea746e36ff91f26 `Gérard Talbot` This test checks that 'text-align: left' aligns an inline box within a line box with respect to the line box's logical left side (line-left side). Here, 'direction: rtl' has no impact, no influence on such alignment.
text-align-vrl-006 reference/direction-vrl-004-ref 'text-align: left' - 'vertical-rl' and initial, default 'direction' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout af01133d23268336da498defb63582554bb6c37b `Gérard Talbot` This test checks that 'text-align: left' aligns an inline box within a line box with respect to such line box's logical left side (line-left side).
text-align-vrl-008 reference/text-align-vrl-008-ref 'text-align: center' - 'vertical-rl' and 'direction: ltr' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 3a245cfacd343fe9e4a68e2ae3a690e3a369280b `Gérard Talbot` This test checks that 'text-align: center' centers an inline box within a line box with respect to such line box's logical left and right sides (line-left and line-right sides).
text-align-vrl-010 reference/text-align-vrl-008-ref 'text-align: center' - 'vertical-rl' and 'direction: rtl' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout c7ac3a3bd4cfdbb5eb3fe8223cefa3598c264732 `Gérard Talbot` This test checks that 'text-align: center' centers an inline box within a line box with respect to the line box's logical left and right sides (line-left and line-right sides).
text-align-vrl-012 reference/text-align-vrl-008-ref 'text-align: center' - 'vertical-rl' and initial, default 'direction' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 90c1784dee6691a6b14276d119f27ba4e2a2f5ba `Gérard Talbot` This test checks that 'text-align: center' centers an inline box within a line box with respect to the line box's logical left and right sides (line-left and line-right sides).
text-align-vrl-014 reference/direction-vrl-002-ref 'text-align: right' - 'vertical-rl' and 'direction: ltr' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 66918e39abc8368fe18502220aca199c0d61e3eb `Gérard Talbot` This test checks that 'text-align: right' aligns an inline box within a line box with respect to such line box's logical right side (line-right side).
text-align-vrl-016 reference/direction-vrl-002-ref 'text-align: right' - 'vertical-rl' and 'direction: rtl' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout d7e9b589bea32186e447e1ae769b1d110c5a749b `Gérard Talbot` This test checks that 'text-align: right' aligns an inline box within a line box with respect to the line box's logical right side (line-right side). Here, 'direction: rtl' has no impact, no influence on such alignment.
text-align-vrl-018 reference/direction-vrl-002-ref 'text-align: right' - 'vertical-rl' and initial, default 'direction' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout ccab685849bbba8eace66e90636f900ca5c494d1 `Gérard Talbot` This test checks that 'text-align: right' aligns an inline box within a line box with respect to such line box's logical right side (line-right side).
text-baseline-002 reference/text-baseline-002-ref text baseline alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 7b79ec69488f038b72e04d13ca3bb54adcbcd276 `Hajime Shiozawa` This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.
text-baseline-003 reference/text-baseline-002-ref text baseline alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines a5e4751e31068bb26557796b02c8ea208db182c1 `Hajime Shiozawa` This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.
text-baseline-004 reference/text-baseline-002-ref text baseline alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 071d1602e1a144e3c3823132f92b5980f09365a8 `Hajime Shiozawa` This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.
text-baseline-005 reference/text-baseline-002-ref text baseline alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 67a08f47437673fdd9791164aa5ffd9ad6487ab0 `Hajime Shiozawa` This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.
text-baseline-006 reference/text-baseline-006-ref text baseline alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 6904eff9e54cf343d00cb352edd7ec10289269b4 `Hajime Shiozawa` This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.
text-baseline-007 reference/text-baseline-007-ref text baseline alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 43bdee6a26abf3e35996cf202eb5ed73b607f630 `Hajime Shiozawa` This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.
text-baseline-008 reference/text-baseline-006-ref text baseline alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 71c017581a847aa06b5715c7d4e88050bdc7ffca `Hajime Shiozawa` This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.
text-baseline-009 reference/text-baseline-006-ref text baseline alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines a2fd18eda0cad02eb09004338de627414847c9d3 `Hajime Shiozawa` This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.
text-baseline-010 reference/text-baseline-007-ref text baseline alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines ed91654bb8ce0d95766a8d78d1e7d5680e2a52ce `Hajime Shiozawa` This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-left', then the alphabetical baseline is used as the dominant baseline.
text-baseline-011 reference/text-baseline-007-ref text baseline alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines a6b19babb0dc749e5ed036aea140704a6d5bda55 `Hajime Shiozawa` This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-left', then the alphabetical baseline is used as the dominant baseline.
text-combine-horizontal-010 reference/text-combine-horizontal-010-ref text-combine-horizontal - none font http://www.w3.org/TR/css-writing-modes-3/#text-combine-horizontal 10b90a907700189ea5f41c0666d51ae3a032c49b `Taka Oshiyama` This test verifies that 'text-combine-horizontal: none' does not combine multiple characters into the space of a single character i.e. characters from horizontal-only scripts are set sideways, i.e. 90° clockwise from their standard orientation in horizontal text.
text-combine-horizontal-011 reference/text-combine-horizontal-011-ref text-combine-horizontal - all font http://www.w3.org/TR/css-writing-modes-3/#text-combine-horizontal 77ecc63e7f6265ba79e0b5a0f64c8d09d4214045 `Taka Oshiyama` This test verifies that 'text-combine-horizontal: all' display the text contents of the element horizontally within the vertical line box. i.e. characters from horizontal-only scripts are rendered upright.
text-combine-upright-parsing-invalid-001 CSS Writing Modes: parsing text-combine-upright with invalid values dom,invalid,script http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 2b2c132e18a567fb8056e362766d8a030557c4de `Masataka Yakura` text-combine-upright doesn't support undefined keywords and out-of-range integer, and numbers.
text-combine-upright-parsing-invalid-002 CSS Writing Modes: parsing text-combine-upright with digits plus calc() computing to invalid digits dom,invalid,script http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright,http://www.w3.org/TR/css-values-3/#calc-notation 7f78c2344ff0a88366e152bfb9dd032df56c8e31 `Masataka Yakura` User Agents ignore text-combine-upright with values `digits calc(...)` if the expression inside `calc()` computes to either numbers or out-of-range integers.
text-combine-upright-parsing-valid-001 CSS Writing Modes: parsing text-combine-upright with valid values dom,script http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 0ce4e72cafc4c08b3dbb51296126cc6ec5cfc581 `Masataka Yakura` text-combine-upright supports `none`, `all`, `digits`, and `digits` followed by a digit in the range from 2 to 4.
text-combine-upright-parsing-valid-002 CSS Writing Modes: parsing text-combine-upright with digits plus calc() computing to valid digits dom,script http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright,http://www.w3.org/TR/css-values-3/#calc-notation c04b90914c86be633173bfcc63c14b2a44b058db `Masataka Yakura` User Agents support text-combine-upright with values `digits calc(...)` if the expression inside `calc()` computes to a valid integer, which is either 2, 3, or 4.
text-decoration-001 reference/text-decoration-001-ref text-combine-upright with text-decoration http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 9d03cab7fc959e4d7b0d78845bb6bb85e9b9c132 `Shinsuke Matsuki` Test passes if text decoration applies to the composed character but each character inside tate-chu-yoko.
text-emphasis-001 reference/text-emphasis-001-ref,!reference/reference/text-emphasis-001-notref text-combine-upright with text-emphasis http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 94122246edc05ba8f6c2a6476e7de484a2b62ae7 `Shinsuke Matsuki` Test passes if text emphasis applies to the composed character but each character inside tate-chu-yoko.
text-orientation-010 reference/text-orientation-010-ref text-orientation - mixed ahem,font http://www.w3.org/TR/css-writing-modes-3/#text-orientation 236b7575f8a5a411e751d4520eae66f6c4ff2e72 `Taka Oshiyama` This test checks that 'text-orientation: mixed' causes characters from horizontal-only scripts are set sideways, i.e. 90°clockwise from their standard orientation in horizontal text. Characters from vertical scripts are set with their intrinsic orientation. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation.
text-orientation-011 reference/text-orientation-011-ref text-orientation - upright ahem,font http://www.w3.org/TR/css-writing-modes-3/#text-orientation ea8e398129cf3ca1800fe7482ad177627f7b53fe `Taka Oshiyama` This test checks that 'text-orientation: upright' causes characters from horizontal-only scripts are rendered upright, i.e. in their standard horizontal orientation, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation.
text-orientation-012 reference/text-orientation-012-ref text-orientation - sideways-right ahem http://www.w3.org/TR/css-writing-modes-3/#text-orientation 962d37aae8c1715472c9b1c297550d0c85eac17f `Taka Oshiyama` This test checks that 'text-orientation: sideways-right' causes text to be set as if in a horizontal layout, but rotated 90° clockwise, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation.
text-orientation-013 reference/text-orientation-013-ref text-orientation - sideways-left ahem http://www.w3.org/TR/css-writing-modes-3/#text-orientation 06f6ff7a224f8230efd8539effd74096e81d09d9 `Taka Oshiyama` This test checks that 'text-orientation: sideways-left' causes text to be set as if in a horizontal layout, but rotated 90°counter-clockwise, in vertical writing modes. It's effective to verify 1.block flow direction and 2.inline direction, but not effective to verify 3.glyph orientation.
text-orientation-014 reference/text-orientation-014-ref text-orientation - sideways ahem http://www.w3.org/TR/css-writing-modes-3/#text-orientation cec79fa9b6b2d3c2102a2c4e3c8014a446b350fd `Taka Oshiyama` This test checks that 'text-orientation: sideways' is equivalent to‘sideways-right’in‘vertical-rl’writing mode. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation.
text-orientation-015 reference/text-orientation-015-ref text-orientation - sideways ahem http://www.w3.org/TR/css-writing-modes-3/#text-orientation 7377276f1b850d0cfe753eca160fa8588d7c49de `Taka Oshiyama` This test checks that 'text-orientation: sideways' is equivalent to‘sideways-left’in‘vertical-lr’writing mode. This is effective to verify 1.block flow direction, 2.inline direction, but not effetive to verify 3.glyph orientation.
text-orientation-mixed-001 reference/text-orientation-mixed-001-ref text-orientation - mixed in vertical-rl writing mode font,image http://www.w3.org/TR/css-writing-modes-3/#text-orientation b1b2da71adcc39cf5046005bb5a895ac3b65be0a `Kazuaki Takemura` This test checks that the alphabet is displayed on sideways, and it is verified whether the characters are aligned in the vertical direction including vertical writing characters (Japanese, Mongolian, Hangul, etc).
text-orientation-sideways-001 reference/text-orientation-sideways-right-001-ref text-orientation - sideways in vertical-rl writing mode font,image http://www.w3.org/TR/css-writing-modes-3/#text-orientation e11b9a808a71ccf28375b051417b0530c6846412 `Kazuaki Takemura` This test checks that the same as [text-orientation: sideways-right], general horizontal text(include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction.
text-orientation-sideways-002 reference/text-orientation-sideways-left-001-ref text-orientation - sideways in vertical-lr writing mode font,image http://www.w3.org/TR/css-writing-modes-3/#text-orientation e0a25faa23a3d6fae7ed4d6f1b28441f51a7087c `Kazuaki Takemura` This test checks that the same as [text-orientation: sideways-left], general horizontal text(include Japanese,etc) rotates 90 degrees counter-clockwise, and it is verified whether the characters are aligned in the vertical direction.
text-orientation-sideways-left-001 reference/text-orientation-sideways-left-001-ref text-orientation - sideways-left in vertical-rl writing mode font,image http://www.w3.org/TR/css-writing-modes-3/#text-orientation d949f8fdf620b4b556e094bc263e748a02f94198 `Kazuaki Takemura` This test checks that a general horizontal text(include Japanese,etc) rotated 90 degrees counter-clockwise, and it is verified whether the characters are aligned in the vertical direction.
text-orientation-sideways-right-001 reference/text-orientation-sideways-right-001-ref text-orientation - sideways-right in vertical-rl writing mode font,image http://www.w3.org/TR/css-writing-modes-3/#text-orientation a3ab390274260d0a372a6e7724952ca9e2904833 `Kazuaki Takemura` This test checks that general horizontal text(include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction.
text-orientation-upright-001 reference/text-orientation-upright-001-ref text-orientation - upright in vertical-rl writing mode font,image http://www.w3.org/TR/css-writing-modes-3/#text-orientation 96b58189be3452d0d255eab06e0805c908284308 `Kazuaki Takemura` This test checks that the alphabet is displayed on the upright (not sideways),and it is verified whether the characters are aligned in the vertical direction including vertical writing characters(Japanese, Mongolian, Hangul, etc).
value-all-002 reference/vertical-ahem-1x1-ref,!reference/horizontal-ahem-1x1-notref CSS Writing Modes: text-combine-upright: all ahem http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 59a50a642e3765d17ae5e12591f1a9734c9c753e `Masataka Yakura` 'text-combine-upright: all' combines all characters inside the element which the declaration applied horizontally.
value-all-003 reference/vertical-ahem-1x1-ref,!reference/horizontal-ahem-1x1-notref CSS Writing Modes: text-combine-upright: all ahem http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 8a0310a885b909d990bfaccc3aaa6245a90493e8 `Masataka Yakura` 'text-combine-upright: all' combines all characters inside the element which the declaration applied horizontally.
value-all-and-inherit-001 reference/value-all-and-inherit-001-ref text-combine-upright :all http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright c0b78d2a1bc24bbcb2ac46505cb544d0a151503a `Shinsuke Matsuki` Two white triangles does not pointing to the right. Pointing up.
value-digit2-and-inherit-001 reference/value-digit2-and-inherit-001-ref text-combine-upright :digit2 http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright cc4fa628fe83d0c19f24fb3d061be7cba71fb8d4 `Shinsuke Matsuki` Two white triangles does not pointing to the right. Pointing up.
value-digits2-002 reference/vertical-ahem-1x1-ref,!reference/horizontal-ahem-1x1-notref CSS Writing Modes: text-combine-upright: digits 2 + two digits ahem http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright c519efb6967e1ce7d9bde145d27acba176b8de4d `Masataka Yakura` 'text-combine-upright: digits 2' combines two ASCII digits horizontally.
value-digits2-003 reference/vertical-ahem-1x3-ref,!reference/horizontal-ahem-1x3-notref CSS Writing Modes: text-combine-upright: digits 2 + three digits ahem http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 5ed6e18e086e19d7e41ee0c8ab2678b62ebb34c4 `Masataka Yakura` 'text-combine-upright: digits 2' does not combine digits that are greater than two.
value-digits3-001 reference/vertical-ahem-1x1-ref,!reference/horizontal-ahem-1x1-notref CSS Writing Modes: text-combine-upright: digits 3 + two digits ahem http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright ae6e433e2c3c03095519eae6a041b655a51a0abc `Masataka Yakura` 'text-combine-upright: digits 3' combines two ASCII digits horizontally.
value-digits3-002 reference/vertical-ahem-1x1-ref,!reference/horizontal-ahem-1x1-notref CSS Writing Modes: text-combine-upright: digits 3 + three digits ahem http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright e341a0ed435a95dacd4d903faf4ce46fa0a3de81 `Masataka Yakura` 'text-combine-upright: digits 3' combines three ASCII digits horizontally.
value-digits3-003 reference/vertical-ahem-1x4-ref,!reference/horizontal-ahem-1x4-notref CSS Writing Modes: text-combine-upright: digits 3 + four digits ahem http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright f7ef238da1568aa769850c9a319619f83cb78879 `Masataka Yakura` 'text-combine-upright: digits 3' does not combine digits that are greater than three.
value-digits4-001 reference/vertical-ahem-1x1-ref,!reference/horizontal-ahem-1x1-notref CSS Writing Modes: text-combine-upright: digits 4 + three digits ahem http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 1ae3f9e7d2c808d4128b11bb41095458d15637b4 `Masataka Yakura` 'text-combine-upright: digits 4' combines three ASCII digits horizontally.
value-digits4-002 reference/vertical-ahem-1x1-ref,!reference/horizontal-ahem-1x1-notref CSS Writing Modes: text-combine-upright: digits 4 + four digits ahem http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright bbb3df689df1ec378c70b43fbe8f3f541dab7fbb `Masataka Yakura` 'text-combine-upright: digits 4' combines four ASCII digits horizontally.
value-digits4-003 reference/vertical-ahem-1x5-ref,!reference/horizontal-ahem-1x5-notref CSS Writing Modes: text-combine-upright: digits 4 + five digits ahem http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright fa18a6d948bfa8651a5524cf150d7c06036ea5b8 `Masataka Yakura` 'text-combine-upright: digits 4' does not combine digits that are greater than four.
value-none-001 reference/vertical-ahem-1x3-ref,!reference/horizontal-ahem-1x3-notref CSS Writing Modes: text-combine-upright: none ahem http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 12cfcb1e57883a81b58e14329979c604dbd1b85e `Masataka Yakura` 'text-combine-upright: none' does not combine any characters in any circumstance.
vertical-alignment-001 reference/vertical-alignment-001-ref vertical align - 'baseline' (alphabetical baseline with horizontal layout) image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 501b88d87e436a0d68c66799847e7222388f7834 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is horizontal, then the alphabetical baseline is used as the dominant baseline.
vertical-alignment-002-sidewaysleft vertical align - 'baseline' (alphabetical baseline with vertical layout) image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height a55994c93e6652bdc61229154fe73727bd2c9aea `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-002-sidewaysright vertical align - 'baseline' (alphabetical baseline with vertical layout) image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 779a3696b7909f11787ad979d92c965675b8ed71 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-003-lr vertical align - 'baseline' (central baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 66706a353742efd4400d64575c633bb17a2a7252 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-003-rl vertical align - 'baseline' (central baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height c28364f9b1f41b8538e624119234b1d35d6c6091 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-004 reference/vertical-alignment-004-ref vertical align - 'sub' (alphabetical baseline with horizontal layout) image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 4376670f8198359cb6e779a64f8ccbd1dfaa7fd0 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is horizontal, then the alphabetical baseline is used as the dominant baseline.
vertical-alignment-005-sidewaysleft vertical align - 'sub' (alphabetical baseline with vertical layout) image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 2df8dff5be7453c111fb9364ef9d796a91095b3a `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-005-sidewaysright vertical align - 'sub' (alphabetical baseline with vertical layout) image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 2fc7c00892fc1d5860633a96bba4ba7878ad7004 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-006-lr vertical align - 'sub' (central baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 2143e834510eb1bcbd4bbf7e25e369bcf7c16fad `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-006-rl vertical align - 'sub' (central baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height af727b7e1fff45963b0b147275606a6f6dbf0b7f `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-007 reference/vertical-alignment-007-ref vertical align - 'super' (alphabetical baseline with horizontal layout) image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 0d6adca25edb8c6d24562649737d3d4a0a587221 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is horizontal, then the alphabetical baseline is used as the dominant baseline.
vertical-alignment-008-sidewaysleft vertical align - 'super' (alphabetical baseline with vertical layout) image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 9dc8848f9db104ed33e3001e946369278588df9c `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-008-sidewaysright vertical align - 'super' (alphabetical baseline with vertical layout) image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 7de9f0763dbb93b0f55dceb7b80116c87ad800df `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-009-lr vertical align - 'super' (central baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 7cdfab8d442d3c1b056519b4d800927ca4a69a69 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-009-rl vertical align - 'super' (central baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height ed67d92866b2a6ebe789878a07b3fcad370c806a `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-010 reference/vertical-alignment-010-ref vertical align - 'zero length (0em)' (alphabetical baseline with horizontal layout) image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 3579d40d4968cef78900670c1cb3c04577760f0f `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is horizontal, then the alphabetical baseline is used as the dominant baseline.
vertical-alignment-011-sidewaysleft vertical align - 'zero length (0em)' (alphabetical baseline with vertical layout) image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height e3c5648ce732c30881a84fb5a0a8083191332a56 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-011-sidewaysright vertical align - 'zero length (0em)' (alphabetical baseline with vertical layout) image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 724bbb86a2b9ec3bd9252fec92cacd6212775175 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-012-lr vertical align - 'zero length (0em)' (central baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 1684f5ad59fd0c5ce9f9d3190bf569388b3557ba `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-012-rl vertical align - 'zero length (0em)' (central baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height dcd288dd395eea47285230ca20aa83dd6c874f17 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-013 reference/vertical-alignment-013-ref vertical align - 'positive length (0.8em)' (alphabetical baseline with horizontal layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 55f8972b9fa4ae25640076bc423cfd730d38309f `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is horizontal, then the alphabetical baseline is used as the dominant baseline.
vertical-alignment-014-sidewaysleft vertical align - 'positive length (0.8em)' (alphabetical baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 199a8e04915d4e564618ef120bf32e5c568cafc0 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-014-sidewaysright vertical align - 'positive length (0.8em)' (alphabetical baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 755eb3f5800991c4d7df16dc70d2aaf30e419c42 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-015-lr vertical align - 'positive length (0.5em)' (central baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 32b2362ace97e299f7beaa3aac8d3323837c7fc8 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-015-rl vertical align - 'positive length (0.5em)' (central baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height f059163e577bcbadccf1e2912c2c8724777930c2 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-016 reference/vertical-alignment-016-ref vertical align - 'negative length (-0.2em)' (alphabetical baseline with horizontal layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 0a4e6a9352e4281b253a7057c60893dc719cbc8b `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is horizontal, then the alphabetical baseline is used as the dominant baseline.
vertical-alignment-017-sidewaysleft vertical align - 'negative length (-0.2em)' (alphabetical baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 83b231bd5ad62e4e981f504bedbe7bfde444335d `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-017-sidewaysright vertical align - 'negative length (-0.2em)' (alphabetical baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 20354412b9971eb45aafda4db62c290f6a2b1602 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-018-lr vertical align - 'negative length (-0.5em)' (central baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 7cc30a291d2c69b03bd4179951b87c58e2a02ccb `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-018-rl vertical align - 'negative length (-0.5em)' (central baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height bda9934745cc38f21bcb4235eac2d5824d849f9f `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-019 reference/vertical-alignment-019-ref vertical align - 'zero percentage (0%)' (alphabetical baseline with horizontal layout) image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 55cfb405efa26af4b0820f56215f138eb3359ea3 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is horizontal, then the alphabetical baseline is used as the dominant baseline.
vertical-alignment-020-sidewaysleft vertical align - 'zero percentage (0%)' (alphabetical baseline with vertical layout) image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 6533d451114b23d657e6bbc8362390a1c4aaf1eb `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-020-sidewaysright vertical align - 'zero percentage (0%)' (alphabetical baseline with vertical layout) image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 7b7ff221754d9c3bc955380e044413ccfbf7ee8b `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-021-lr vertical align - 'zero percentage (0%)' (central baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 9ddfeee8aeba9e1241ce506ec75af1ba37f6ef06 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-021-rl vertical align - 'zero percentage (0%)' (central baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 0e68e5e6821c0645ff08d40eb02e7ddd87d99caf `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-022 reference/vertical-alignment-022-ref vertical align - 'positive percentage (80%)' (alphabetical baseline with horizontal layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 782b601a538af7caa59080311b994a0243eb3693 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is horizontal, then the alphabetical baseline is used as the dominant baseline.
vertical-alignment-023-sidewaysleft vertical align - 'positive length (0.8em)' (alphabetical baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height d42792f46d6c5d9052eaf7ed1c7981d3968fdc07 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-023-sidewaysright vertical align - 'positive percentage (80%)' (alphabetical baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height a13b1e018382f0e99499b691e9cbbe8f2bcfb740 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-024-lr vertical align - 'positive percentage (50%)' (central baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 339511c5b7a5eef6400b44a7cb6403adebe16ae0 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-024-rl vertical align - 'positive percentage (50%)' (central baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height d6cc4618d830dfb7a86b471d7b149546f7721bd4 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-025 reference/vertical-alignment-025-ref vertical align - 'negative percent (-20%)' (alphabetical baseline with horizontal layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 130e2dc0834b37e876a450433b0fa4e5e0c98503 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is horizontal, then the alphabetical baseline is used as the dominant baseline.
vertical-alignment-026-sidewaysleft vertical align - 'negative percentage (-20%)' (alphabetical baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height 777a16060504fa5c1a2c649279ee6dbcb56729ad `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-026-sidewaysright vertical align - 'negative length (-20%)' (alphabetical baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height fb3d8d2c8ec17a80bc05d9cf6027855dab6b9836 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-027-lr vertical align - 'negative percentage (-50%)' (central baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height ca2c37b2acc7a2be0e438b5069acd2286487b6ab `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-027-rl vertical align - 'negative percentage (-50%)' (central baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height eb3ef979b26f31507a2f72ba374274fd22113364 `Hajime Shiozawa` This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
writing-mode-horizontal-001l reference/writing-mode-horizontal-001l-ref CSS Writing Modes: text-combine-upright in horizontal writing mode http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 4fa8f12c3e0f1825ec7aeea8011e02cf37924e3d `Masataka Yakura` text-combine-upright does not have an effect in horizontal writing modes.
writing-mode-horizontal-001r reference/writing-mode-horizontal-001r-ref CSS Writing Modes: text-combine-upright in horizontal writing mode http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright ad5a55e1a469c3e8d39b2db9b7b0727dd39024fd `Masataka Yakura` text-combine-upright does not have an effect in horizontal writing modes.
writing-mode-stretch-001 reference/writing-mode-stretch-001-ref writing-mode vertical-lr and vertical-rl http://www.w3.org/TR/css-writing-modes-3/#writing-mode b39073243c9598d184c1f6efc298247a42f34aea `Mitsuteru Sawa` vertical-writing-mode flex items should stretch
writing-mode-vertical-lr-002 reference/writing-mode-vertical-lr-002-ref writing-mode: vertical-lr - basic inline case ahem http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 2368493f74f4795b81bbe06bcdc4e41617b7a97f `Yoshifumi Kawai`
writing-mode-vertical-rl-001 reference/writing-mode-vertical-rl-001-ref writing-mode: vertical-rl - basic inline case ahem http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 51761a8518c6f9fa7d5ecc3306fbced379b10538 `Yoshifumi Kawai`
writing-mode-vertical-rl-002 reference/writing-mode-vertical-rl-002-ref writing-mode: vertical-rl - basic inline case ahem http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 98ffa835aeb05e601b758d7ad7dc670d78234c77 `Yoshifumi Kawai`
writing-mode-vertical-rl-003 reference/writing-mode-vertical-rl-003-ref writing-mode: horizontal-tb nested in vertical-rl ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 4a3766e5ec4d237b4e9adeebd966941c9e631ec9 `KISAKA Toshihiro` when child block has its own writing-mode, child block's writing-mode overwrites parent block's writing-mode.