|
+
7.1 Text Alignment: the ‘text-align’ property |
|---|
|
text-align-match-parent-01 |
|
|
CSS Text: text-align: match-parent
- Text checks that an element with text-align: match-parent inherits its parent's value and calculates 'start' and 'end' with respect to its parent's direction
|
|
text-align-match-parent-02 |
= |
DOM/JS |
CSS Text: text-align: match-parent
- Text checks that an element with text-align: match-parent still aligns correctly if the parent's dir attribute is changed
|
|
text-align-match-parent-03 |
= |
DOM/JS |
CSS Text: text-align: match-parent
- Text checks that an element whose text-align property is changed to match-parent aligns correctly
|
|
text-align-match-parent-04 |
= |
DOM/JS |
CSS Text: text-align: match-parent
- Text checks that an element with text-align: match-parent still aligns correctly if the parent's width is changed
|
|
text-align-match-parent-root-ltr |
= |
|
CSS Text: text-align: match-parent
- Text checks that text-align: match-parent on a root element with dir=ltr is equivalent to text-align: start
|
|
text-align-match-parent-root-rtl |
= |
|
CSS Text: text-align: match-parent
- Text checks that text-align: match-parent on a root element with dir=rtl is equivalent to text-align: start
|
|
text-align-006 |
= |
|
text-align - start (basic)
- The 'text-align' property set to 'start' on a block element aligns the text to the start edge.
|
|
text-align-007 |
= |
|
text-align - end (basic)
- The 'text-align' property set to 'end' on a block element aligns the text to the end edge.
|
|
text-align-008 |
= |
|
text-align - match-parent (basic)
- The 'text-align' property set to 'match-parent' on a block element behaves the same as 'inherit'.
|
|
text-align-last-001 |
|
|
text-align-last - start (basic)
- The 'text-align-last' property set to 'start' on a block element aligns the last line text to the start edge.
|
|
text-align-last-002 |
|
|
text-align-last - end (basic)
- The 'text-align-last' property set to 'right' on a block element aligns the last line text to the end edge.
|
|
text-align-last-003 |
|
|
text-align-last - left (basic)
- The 'text-align-last' property set to 'left' on a block element aligns the last line text to the left.
|
|
text-align-last-004 |
|
|
text-align-last - right (basic)
- The 'text-align-last' property set to 'right' on a block element aligns the last line text to the right.
|
|
text-align-last-005 |
|
|
text-align-last - center (basic)
- The 'text-align-last' property set to 'center' on a block element aligns the last line text to the center.
|
|
text-align-last-006 |
|
|
text-align-last - justify (basic)
- The 'text-align-last' property set to 'justify' on a block element aligns the last line text to both left and right edges
|
|
text-align-last-007 |
|
|
text-align-last - auto and text-align - right
- The 'text-align-last' property set to 'auto' on a block element aligns the last line text to the right when text-align set 'right'.
|
|
text-align-last-008 |
|
|
text-align-last - auto and text-align - end
- The 'text-align-last' property set to 'auto' on a block element aligns the last line text to the right when text-align set 'end'.
|
|
text-align-last-009 |
|
|
text-align-last - auto and text-align - center
- The 'text-align-last' property set to 'auto' on a block element aligns the last line text to the center when text-align set 'center'.
|
|
text-align-last-010 |
= |
|
text-align-last - right(one line inside block element)
- The 'text-align-last' property set to 'right' on a block element aligns the only one line text to the right.
|
|
text-align-last-011 |
= |
|
text-align-last - end(one line inside block element)
- The 'text-align-last' property set to 'end' on a block element aligns the only one line text to the right.
|
|
text-align-last-012 |
|
|
text-align-last - center(one line inside block element)
- The 'text-align-last' property set to 'center' on a block element aligns the only one line text to the center.
|
|
text-align-last-013 |
|
|
text-align-last applied to "display: inline" div element
- Test checks that the 'text-align-last' property is invalid if the container element is not block element.
|
|
text-align-last-014 |
|
|
text-align-last applied to "display: block" span element
- Test checks that the 'text-align-last' property is valid if the span element set 'display: block'.
|