Corresponding Property Tests - p.
Corresponding Property Tests
In this example, padding and border properties are specified using absolute properties: padding-left, padding-right, padding-top, and padding-bottom, etc. According to the specification, a request for the absolute (top, bottom, left, right) versions of these properties should use the relative ones if they are specified.
In this example, padding and border properties are specified using writing-mode relative properties: padding-before, padding-after, padding-start, and padding-end, etc. According to the specification, a request for the absolute (top, bottom, left, right) versions of these properties should use the relative ones if they are specified.
This block has a start-indent of 1cm and no borders or padding. It has no margin-left set. Here is some more text to fill out the block. Here is some more text to fill out the block. Here is some more text. Here is some more text to fill out the block. Here is some more text to fill out the block. Here is some more text to fill out the block.
This block has a margin-left of 1cm and no borders or padding. It has no start-indent set. Here is some more text to fill out the block. Here is some more text to fill out the block. Here is some more text. Here is some more text to fill out the block. Here is some more text to fill out the block. Here is some more text to fill out the block.
This block has a start-indent of 1cm, padding-left of 4mm and border-left-width of 1mm. It has no margin-left set. Here is some more text to fill out the block. Here is some more text to fill out the block. Here is some more text. Here is some more text to fill out the block. Here is some more text to fill out the block. Here is some more text to fill out the block.
This block has a margin-left of 5mm, padding-left of 4mm and border-left-width of 1mm. (Margin is outside the border rectangle.) It has no start-indent set. Here is some more text to fill out the block. Here is some more text to fill out the block. Here is some more text. Here is some more text to fill out the block. Here is some more text to fill out the block. Here is some more text to fill out the block.
End-indent tests
This block has an end-indent of 1cm and no borders or padding. It has no margin-right set. Here is some more text to fill out the block. Here is some more text to fill out the block. Here is some more text. Here is some more text to fill out the block. Here is some more text to fill out the block. Here is some more text to fill out the block.
This block has a margin-right of 1cm and no borders or padding. It has no end-indent set. Here is some more text to fill out the block. Here is some more text to fill out the block. Here is some more text. Here is some more text to fill out the block. Here is some more text to fill out the block. Here is some more text to fill out the block.
This block has an end-indent of 1cm, padding-end of 4mm and border-end-width of 1mm. It has no margin-right set. Here is some more text to fill out the block. Here is some more text to fill out the block. Here is some more text. Here is some more text to fill out the block. Here is some more text to fill out the block. Here is some more text to fill out the block.
This block has a margin-right of 5mm, padding-right of 4mm and border-right-width of 1mm. (Margin is outside the border rectangle.) It has no end-indent set. Here is some more text to fill out the block. Here is some more text to fill out the block. Here is some more text. Here is some more text to fill out the block. Here is some more text to fill out the block. Here is some more text to fill out the block.
This block has a margin-right of 5mm, padding-end of 4mm and border-end-width of 1mm. (Margin is outside the border rectangle.) It has no end-indent set. Here is some more text to fill out the block. Here is some more text to fill out the block. Here is some more text. Here is some more text to fill out the block. Here is some more text to fill out the block. Here is some more text to fill out the block.