|
+
6.2 Flow-relative Directions |
|---|
|
border-conflict-element-vlr-003 |
= |
|
Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)
- When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
|
|
border-conflict-element-vlr-005 |
= |
|
Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)
- When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
|
|
border-conflict-element-vlr-007 |
= |
|
Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)
- When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
|
|
border-conflict-element-vlr-009 |
= |
|
Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)
- When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
|
|
border-conflict-element-vlr-011 |
= |
|
Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: rtl' (complex)
- When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
|
|
border-conflict-element-vlr-013 |
= |
|
Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)
- This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table).
|
|
border-conflict-element-vrl-002 |
= |
|
Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)
- When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
|
|
border-conflict-element-vrl-004 |
= |
|
Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)
- When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
|
|
border-conflict-element-vrl-006 |
= |
|
Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)
- When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
|
|
border-conflict-element-vrl-008 |
= |
|
Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)
- When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
|
|
border-conflict-element-vrl-010 |
= |
|
Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: rtl' (complex)
- When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
|
|
border-conflict-element-vrl-012 |
= |
|
Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)
- This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table).
|
|
direction-vlr-003 |
= |
AhemBitmaps |
'vertical-lr' and 'direction: rtl'
- 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 |
= |
AhemBitmaps |
'vertical-lr' and 'direction: ltr'
- 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 |
= |
AhemBitmaps |
'vertical-rl' and 'direction: rtl'
- 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 |
= |
AhemBitmaps |
'vertical-rl' and 'direction: ltr'
- 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.
|
|
+
6.4 Abstract-to-Physical Mappings |
|---|
|
logical-physical-mapping-001 |
= |
|
border-block and border-inline logical properties in different writing modes
|
|
logicalprops-block-size |
|
Script |
CSS Logical Properties: {max-,min-}block-size
|
|
logicalprops-block-size-vlr |
|
Script |
CSS Logical Properties: {max-,min-}block-size vertical-lr
|
|
logicalprops-inline-size |
|
Script |
CSS Logical Properties: {max-,min-}inline-size
|
|
logicalprops-inline-size-vlr |
|
Script |
CSS Logical Properties: {max-,min-}inline-size vertical-lr
|
|
logicalprops-quirklength |
|
Script |
CSS Logical Properties
|
|
text-decoration-sideways-vlr-003 |
|
|
'text-decoration: underline' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode
- This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode.
|
|
text-decoration-sideways-vlr-005 |
|
|
'text-decoration: overline' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode
- This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode.
|
|
text-decoration-sideways-vlr-007 |
|
|
'text-decoration: line-through' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode
- This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode.
|
|
text-decoration-sideways-vrl-002 |
|
|
'text-decoration: underline' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode
- This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode.
|
|
text-decoration-sideways-vrl-004 |
|
|
'text-decoration: overline' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode
- This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode.
|
|
text-decoration-sideways-vrl-006 |
|
|
'text-decoration: line-through' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode
- This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode.
|
|
text-decoration-upright-vlr-003 |
|
|
'text-decoration: underline' and 'text-orientation: upright' in a 'vertical-lr' writing-mode
- This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'upright' in a 'vertical-lr' writing-mode.
|
|
text-decoration-upright-vlr-005 |
|
|
'text-decoration: overline' and 'text-orientation: upright' in a 'vertical-lr' writing-mode
- This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'upright' in a 'vertical-lr' writing-mode.
|
|
text-decoration-upright-vlr-007 |
|
|
'text-decoration: line-through' and 'text-orientation: upright' in a 'vertical-lr' writing-mode
- This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'upright' in a 'vertical-lr' writing-mode.
|
|
text-decoration-upright-vrl-002 |
|
|
'text-decoration: underline' and 'text-orientation: upright' in a 'vertical-rl' writing-mode
- This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'upright' in a 'vertical-rl' writing-mode.
|
|
text-decoration-upright-vrl-004 |
|
|
'text-decoration: overline' and 'text-orientation: upright' in a 'vertical-rl' writing-mode
- This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'upright' in a 'vertical-rl' writing-mode.
|
|
text-decoration-upright-vrl-006 |
|
|
'text-decoration: line-through' and 'text-orientation: upright' in a 'vertical-rl' writing-mode
- This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'upright' in a 'vertical-rl' writing-mode.
|