+
16.1 Indentation: the 'text-indent' property
|
bidi-breaking-001 |
|
|
Bidi paragraph boundaries: Blocks
- Block boundaries break bidi paragraphs.
|
bidi-breaking-002 |
|
|
Bidi paragraph boundaries: Forced Line Breaks
- Forced line breaks of class B (but not class WS) break bidi paragraphs.
|
block-in-inline-relpos-001 |
|
|
Relative-positioning Inline Containing Block
- Relative positioning an inline broken around a block also moves the block inside it.
|
block-in-inline-relpos-002 |
|
|
Relative-positioning Inline Containing Blocks and Floats
- Relative positioning an inline broken around a block also moves any floats inside it.
|
c547-indent-000 |
|
Ahem |
text-indent
|
c547-indent-001 |
|
|
text-indent
|
text-indent-004 |
|
Ahem |
Text-indent using pixels with a negative zero value, -0px
- The 'text-indent' property sets a negative zero length value in pixels.
|
text-indent-005 |
|
Ahem |
Text-indent using pixels with a zero value, 0px
- Ensure that text-indent 0px adds 0px in front of the text.
|
text-indent-006 |
|
Ahem |
Text-indent using pixels with a positive zero value, +0px
- Ensure that text-indent +0px adds 0px in front of the text.
|
text-indent-007 |
|
Ahem |
Text-indent using pixels with a nominal value, 96px
- Ensure that text-indent 96px adds 96px in front of the text.
|
text-indent-008 |
|
Ahem |
Text-indent using pixels with a nominal value with a plus sign, +96px
- Ensure that text-indent +96px adds 96px in front of the text.
|
text-indent-010 |
|
|
CSS text-indent: Negative
|
text-indent-011 |
|
|
CSS text-indent: Percentages
|
text-indent-012 |
|
|
CSS text-indent: Hyatt's Evil Test Which Mixes Lots Of Stuff
|
text-indent-013 |
|
|
CSS text-indent: Floats
|
text-indent-014 |
|
|
text-indent on anonymous blocks
- text-indent affects only the first line of a block container if that line is also the first formatted line of an element.
|
text-indent-016 |
|
Ahem |
Text-indent using points with a negative zero value, -0pt
- Ensure that text-indent -0 pt adds 0pt in front of the text.
|
text-indent-017 |
|
Ahem |
Text-indent using points with a zero value, 0pt
- Ensure that text-indent 0pt adds 0pt in front of the text.
|
text-indent-018 |
|
Ahem |
Text-indent using points with a positive zero value, +0pt
- Ensure that text-indent +0pt adds 0pt in front of the text.
|
text-indent-019 |
|
Ahem |
Text-indent using points with a nominal value, 72pt
- Ensure that text-indent 72pt adds 72pt in front of the text.
|
text-indent-020 |
|
Ahem |
Text-indent using points with a nominal value with a plus sign, +72pt
- Ensure that text-indent +72pt adds 72pt in front of the text.
|
text-indent-028 |
|
Ahem |
Text-indent using picas with a negative zero value, -0pc
- Ensure that text-indent -0 pc adds 0pc in front of the text.
|
text-indent-029 |
|
Ahem |
Text-indent using picas with a zero value, 0pc
- Ensure that text-indent 0pc adds 0pc in front of the text.
|
text-indent-030 |
|
Ahem |
Text-indent using picas with a positive zero value, +0pc
- Ensure that text-indent +0pc adds 0pc in front of the text.
|
text-indent-031 |
|
Ahem |
Text-indent using picas with a nominal value, 6pc
- Ensure that text-indent 6pc adds 6pc in front of the text.
|
text-indent-032 |
|
Ahem |
Text-indent using picas with a nominal value with a plus sign, +6pc
- Ensure that text-indent +6pc adds 6pc in front of the text.
|
text-indent-040 |
|
Ahem |
Text-indent using centimeters with a negative zero value, -0cm
- Ensure that text-indent -0 cm adds 0cm in front of the text.
|
text-indent-041 |
|
Ahem |
Text-indent using centimeters with a zero value, 0cm
- Ensure that text-indent 0cm adds 0cm in front of the text.
|
text-indent-042 |
|
Ahem |
Text-indent using centimeters with a positive zero value, +0cm
- Ensure that text-indent +0cm adds 0cm in front of the text.
|
text-indent-043 |
|
Ahem |
Text-indent using centimeters with a nominal value, 2.54cm
- Ensure that text-indent 2.54cm adds 2.54cm in front of the text.
|
text-indent-044 |
|
Ahem |
Text-indent using centimeters with a nominal value with a plus sign, +2.54cm
- Ensure that text-indent +2.54cm adds 2.54cm in front of the text.
|
text-indent-052 |
|
Ahem |
Text-indent using millimeters with a negative zero value, -0mm
- Ensure that text-indent -0 mm adds 0mm in front of the text.
|
text-indent-053 |
|
Ahem |
Text-indent using millimeters with a zero value, 0mm
- Ensure that text-indent 0mm adds 0mm in front of the text.
|
text-indent-054 |
|
Ahem |
Text-indent using millimeters with a positive zero value, +0mm
- Ensure that text-indent +0mm adds 0mm in front of the text.
|
text-indent-055 |
|
Ahem |
Text-indent using millimeters with a nominal value, 25.4mm
- Ensure that text-indent 25.4mm adds 25.4mm in front of the text.
|
text-indent-056 |
|
Ahem |
Text-indent using millimeters with a nominal value with a plus sign, +25.4mm
- Ensure that text-indent +25.4mm adds 25.4mm in front of the text.
|
text-indent-064 |
|
Ahem |
Text-indent using inches with a negative zero value, -0in
- Ensure that text-indent -0 in adds 0in in front of the text.
|
text-indent-065 |
|
Ahem |
Text-indent using inches with a zero value, 0in
- Ensure that text-indent 0in adds 0in in front of the text.
|
text-indent-066 |
|
Ahem |
Text-indent using inches with a positive zero value, +0in
- Ensure that text-indent +0in adds 0in in front of the text.
|
text-indent-067 |
|
Ahem |
Text-indent using inches with a nominal value, 1in
- Ensure that text-indent 1in adds 1in in front of the text.
|
text-indent-068 |
|
Ahem |
Text-indent using inches with a nominal value with a plus sign, +1in
- Ensure that text-indent +1in adds 1in in front of the text.
|
text-indent-076 |
|
Ahem |
Text-indent using 'em' units with a negative zero value, -0em
- Ensure that text-indent -0 em adds 0em in front of the text.
|
text-indent-077 |
|
Ahem |
Text-indent using 'em' units with a zero value, 0em
- Ensure that text-indent 0em adds 0em in front of the text.
|
text-indent-078 |
|
Ahem |
Text-indent using 'em' units with a positive zero value, +0em
- Ensure that text-indent +0em adds 0em in front of the text.
|
text-indent-079 |
|
Ahem |
Text-indent using 'em' units with a nominal value, 6em
- Ensure that text-indent 6em adds 6em in front of the text.
|
text-indent-080 |
|
Ahem |
Text-indent using 'em' units with a nominal value with a plus sign, +6em
- Ensure that text-indent +6em adds 6em in front of the text.
|
text-indent-088 |
|
Ahem |
Text-indent using 'ex' units with a negative zero value, -0ex
- The 'text-indent' property sets a negative zero length value in 'ex' units.
|
text-indent-089 |
|
Ahem |
Text-indent using 'ex' units with a zero value, 0ex
- Ensure that text-indent 0ex adds 0ex in front of the text.
|
text-indent-090 |
|
Ahem |
Text-indent using 'ex' units with a positive zero value, +0ex
- Ensure that text-indent +0ex adds 0ex in front of the text.
|
text-indent-091 |
|
Ahem |
Text-indent set to a nominal value for 'ex' units
- Ensure that text-indent 12ex adds 12ex in front of the text.
|
text-indent-092 |
|
Ahem |
Text-indent set to a nominal value for 'ex' units with a plus sign
- Ensure that text-indent +12ex adds 12ex in front of the text.
|
text-indent-100 |
|
Ahem |
Text-indent using percentages with a negative zero value, +0%
- The 'text-indent' property sets a negative zero length value in percentages.
|
text-indent-101 |
|
Ahem |
Text-indent using percentages with a zero value, 0%
- The 'text-indent' property sets a zero length value in percentages.
|
text-indent-102 |
|
Ahem |
Text-indent using percentages with a positive zero value, +0%
- The 'text-indent' property sets a positive zero length value in percentages.
|
text-indent-103 |
|
Ahem |
Text-indent set to '50%'
- Ensure that text-indent 50% adds 50% of its containing block's width in front of the text.
|
text-indent-104 |
|
Ahem |
Text-indent set to '+50%'
- Ensure that text-indent +50% adds 50% of its containing block's width in front of the text.
|
text-indent-109 |
|
Ahem |
Text-indent set to a negative zero value with no units, '0'
- Ensure that text-indent -0 adds 0 in front of the text.
|
text-indent-110 |
|
Ahem |
Text-indent set to a zero value with no units, '0'
- Ensure that text-indent 0 adds 0 in front of the text.
|
text-indent-111 |
|
Ahem |
Text-indent set to a positive zero value with no units, +0
- Ensure that text-indent +0 adds 0px in front of the text.
|
text-indent-112 |
|
Ahem |
Text-indent set to 'inherit'
- Ensure that text-indent with inherit uses its parent's value for text-indent.
|
text-indent-113 |
= |
|
text-indent test (single-line-100)
|
text-indent-114 |
= |
|
text-indent test (single-line-0)
|
text-indent-115 |
= = |
|
text-indent test (single-line-indent-inline)
|
text-indent-applies-to-001 |
|
Ahem |
Text-indent application on a 'display: inline' element
- The 'text-indent' property is not applied to 'display: inline' elements.
|
text-indent-applies-to-002 |
|
Ahem |
Text-indent application on a 'display: block' element
- The 'text-indent' property is applied to 'display: block' elements.
|
text-indent-applies-to-003 |
|
Ahem |
Text-indent application on a 'display: list-item' element
- The 'text-indent' property is applied to display: list-item elements.
|
text-indent-applies-to-004 |
|
Ahem |
Text-indent application on a 'display: run-in' element
- The 'text-indent' property is applied to 'display: run-in' elements.
|
text-indent-applies-to-005 |
|
Ahem |
Text-indent application on a 'display: inline-block' element
- The 'text-indent' property is applied to 'display: inline-block' elements.
|
text-indent-applies-to-006 |
|
Ahem |
Text-indent application on a 'display: table' element
- The 'text-indent' property is applied to 'display: table' elements.
|
text-indent-applies-to-007 |
|
Ahem |
Text-indent application on a 'display: inline-table' element
- The 'text-indent' property is applied to 'display: inline-table' elements.
|
text-indent-applies-to-008 |
|
Ahem |
Text-indent application on a 'display: table-row-group' element
- The 'text-indent' property is applied to 'display: table-row-group' elements.
|
text-indent-applies-to-009 |
|
Ahem |
Text-indent application on a 'display: table-header-group' element
- The 'text-indent' property is applied to 'display: table-header-group' elements.
|
text-indent-applies-to-010 |
|
Ahem |
Text-indent application on a 'display: table-footer-group' element
- The 'text-indent' property is applied to 'display: table-footer-group' elements.
|
text-indent-applies-to-011 |
|
Ahem |
Text-indent application on a 'display: table-row' element
- The 'text-indent' property is applied to 'display: table-row' elements.
|
text-indent-applies-to-012 |
|
Ahem |
Text-indent application on a 'display: table-column-group' element
- The 'text-indent' property is not applied to 'display: table-column-group' elements.
|
text-indent-applies-to-013 |
|
Ahem |
Text-indent application on a 'display: table-column' element
- The 'text-indent' property is not applied to 'display: table-column' elements.
|
text-indent-applies-to-014 |
|
Ahem |
Text-indent application on a 'display: table-cell' element
- The 'text-indent' property is applied to 'display: table-cell' elements.
|
text-indent-applies-to-015 |
|
Ahem |
Text-indent application on a 'display: table-caption' element
- The 'text-indent' property is applied to 'display: table-caption' elements.
|
text-indent-inherited-001 |
|
Ahem |
Text-indent and inline-block level inheritance
- The 'text-indent' property is inherited by inline-block level elements resulting in a double indent.
|
text-indent-intrinsic-001 |
= |
|
Test for intrinsic widths and text-indent (intrinsic-min)
|
text-indent-intrinsic-002 |
= |
|
Test for intrinsic widths and text-indent (intrinsic-pref)
|
text-indent-intrinsic-003 |
= |
|
Test for intrinsic widths and negative text-indent (negative-intrinsic-min)
|
text-indent-intrinsic-004 |
= |
|
Test for intrinsic widths and negative text-indent (negative-intrinsic-pref)
|
text-indent-overflow-001 |
|
|
Text-indent with negative value with overflow hidden
- The 'text-indent' property with negative value follows the overflow hidden assignment.
|
text-indent-overflow-002 |
|
Ahem |
Text-indent with negative value with 'overflow' set to 'visible'
- The 'text-indent' property with negative value follows the 'overflow: visible' assignment.
|
text-indent-overflow-003 |
|
Ahem |
Text-indent with value larger than the available width with 'overflow' set to 'visible'
- The 'text-indent' property with a value exceeding the available width follows the 'overflow: visible' assignment.
|
text-indent-overflow-004 |
|
|
Text-indent with value larger than the available width with 'overflow' set to 'hidden'
- The 'text-indent' property with value exceeding the available width of the element follows the 'overflow: hidden' assignment.
|
text-indent-percent-001 |
= |
|
text-indent test (single-line-percent)
|
text-indent-rtl-001 |
|
Ahem |
Text-indent with 'direction' set to 'rtl'
- The 'text-indent' property on an element with 'direction: rtl' indents from the right instead of left.
|
text-indent-rtl-002 |
|
Ahem |
Text-indent with negative value
- The 'text-indent' property with negative values with direction rtl indent to the right.
|
text-indent-wrap-001 |
= = |
|
text-indent test (multiple-line)
|
+
16.2 Alignment: the 'text-align' property
|
bidi-list-001 |
|
|
direction:rtl - unordered list
- direction:rtl should apply to unordered lists, putting bullets on the right
|
bidi-list-003 |
|
|
direction:rtl - ordered list
- direction:rtl should apply to nested ordered lists, putting bullets on the right and offset leftwards
|
c414-flt-fit-005 |
|
|
Non-Replaced Float Not Fitting Beside Opposite Float
|
c43-center-000 |
|
AhemBitmaps |
Replaced Elements
|
c546-txt-align-000 |
|
|
text-align
|
c5502-mrgn-r-000 |
|
AhemBitmaps |
margin-right
|
c5504-mrgn-l-000 |
|
AhemBitmaps |
margin-left
|
c5507-padn-r-000 |
|
AhemBitmaps |
padding-right
|
c5507-padn-r-001 |
|
Ahem |
padding-right
|
c5509-padn-l-000 |
|
AhemBitmaps |
padding-left
|
c5509-padn-l-001 |
|
Ahem |
padding-left
|
text-align-001 |
|
|
Text-align set to 'left'
- The 'text-align' property set to 'left' on a block element aligns the text to the left.
|
text-align-002 |
|
|
Text-align set to 'right'
- The 'text-align' property set to 'right' on a block element aligns the text to the right.
|
text-align-003 |
|
|
Text-align set to 'center'
- The 'text-align' property set to 'center' on a block element aligns the text in the center.
|
text-align-004 |
|
|
Text-align set to 'justify'
- Text-align justify on a block element aligns the text on both the left and right sides.
|
text-align-005 |
|
|
Text-align set to 'inherit'
- The 'text-align' property set to a value of 'inherit' correctly inherits its value from the parent element.
|
text-align-006 |
|
|
text-align
- text-align property determines how inline content of a block is horizontally aligned within such block. When a block-level element has no inline content, then setting text-align property should have no effect on the horizontal formating of the block itself.
|
text-align-applies-to-001 |
|
|
Text-align application on a 'display: inline' element
- The 'text-align' property is not applied to 'display: inline' element.
|
text-align-applies-to-002 |
|
|
Text-align application on a 'display: block' element
- The 'text-align' property is applied to 'display: block' elements.
|
text-align-applies-to-003 |
|
|
Text-align application on a 'display: list-item' element
- The 'text-align' property is applied to 'display: list-item' elements.
|
text-align-applies-to-004 |
|
|
Text-align application on a 'display: run-in' element
- The 'text-align' property is applied ton 'display: run-in' elements.
|
text-align-applies-to-005 |
|
|
Text-align application on a 'display: inline-block' element
- The 'text-align' property is applied to 'display: inline-block' elements.
|
text-align-applies-to-006 |
|
|
Text-align application on a 'display: table' element
- The 'text-align' property is applied to 'display: table' elements.
|
text-align-applies-to-007 |
|
|
Text-align application on a 'display: inline-table' element
- The 'text-align' property is applied to 'display: inline-table' elements.
|
text-align-applies-to-008 |
|
|
Text-align application on a 'display: table-row-group' element
- The 'text-align' property is applied to 'display: table-row-group' elements.
|
text-align-applies-to-009 |
|
|
Text-align application on a 'display: table-header-group' element
- The 'text-align' property is applied to 'display: table-header-group' elements.
|
text-align-applies-to-010 |
|
|
Text-align application on a 'display: table-footer-group' element
- The 'text-align' property is applied to 'display: table-footer-group' elements.
|
text-align-applies-to-011 |
|
|
Text-align application on a 'display: table-row' element
- The 'text-align' property is applied to 'display: table-row' elements.
|
text-align-applies-to-012 |
|
|
Text-align application on a 'display: table-column-group' element
- The 'text-align' property is not applied to a 'display: table-column-group' element.
|
text-align-applies-to-013 |
|
|
Text-align application on a 'display: table-column' element
- The 'text-align' property is not applied to a 'display: table-column' element.
|
text-align-applies-to-014 |
|
|
Text-align application on a 'display: table-cell' element
- The 'text-align' property is applied to 'display: table-cell' elements.
|
text-align-applies-to-015 |
|
|
Text-align application on a 'display: table-caption' element
- The 'text-align' property is applied to 'display: table-caption' elements.
|
text-align-bidi-011 |
|
|
text-align and bidi (basic test)
|
text-align-bidi-012 |
|
|
text-align and bidi (basic test)
|
text-align-bidi-013 |
|
|
text-align and bidi
|
text-align-inherit-001 |
|
|
Text-align inheritance on block level elements (spec example)
- Ensure that block level elements inherit text-align values of parent elements.
|
text-align-white-space-001 |
|
Ahem |
Text-align set to 'justify' with 'white-space' set to 'pre'
- Setting 'text-align' to 'justify' and 'white-space' to 'pre', text-align is computed to its initial value.
|
text-align-white-space-002 |
|
Ahem |
Text-align set to 'justify' with 'white-space' set to 'pre-line'
- Setting 'text-align' to 'justify' and 'white-space' to 'pre-line', text-align is computed to its initial value.
|
text-align-white-space-003 |
|
Ahem |
Text-align set to 'justify' with 'white-space' set to 'pre-wrap'
- Setting 'text-align' to 'justify' and 'white-space' to 'pre-wrap', text-align is computed to its initial value.
|
text-align-white-space-004 |
|
Ahem |
Text-align set to 'justify' with 'white-space' set to 'nowrap'
- Setting 'text-align' to 'justify' and 'white-space' to 'nowrap', text-align is computed to 'justify'.
|
text-align-white-space-005 |
|
Ahem |
Text-align set to 'justify' with 'white-space' set to 'pre' and 'direction' set to 'rtl'
- Setting 'text-align' to 'justify' and 'white-space' to 'pre', text-align is computed to its initial value.
|
text-align-white-space-006 |
|
Ahem |
Text-align set to 'justify' with 'white-space' set to 'pre-line' and 'direction' set to 'rtl'
- Setting 'text-align' to 'justify' and 'white-space' to 'pre-line', text-align is computed to its initial value.
|
text-align-white-space-007 |
|
Ahem |
Text-align set to 'justify' with 'white-space' set to 'pre-wrap' and 'direction' set to 'rtl'
- Setting 'text-align' to 'justify' and 'white-space' to 'pre-wrap', text-align is computed to its initial value.
|
text-align-white-space-008 |
|
Ahem |
Text-align set to 'justify' with 'white-space' set to 'nowrap' and 'direction' set to 'rtl'
- Setting 'text-align' to 'justify' and 'white-space' to 'nowrap', text-align is computed to 'justify'.
|
+
16.3.1 Underlining, overlining, striking, and blinking: the 'text-decoration' property
|
c13-inh-underlin-000 |
|
|
Inheritance
|
text-decoration-001 |
|
|
Text-decoration set to 'underline'
- The 'text-decoration' property set to 'underline' renders the appropriate decorations.
|
text-decoration-002 |
|
|
Text-decoration set to 'overline'
- The 'text-decoration' property set to 'overline' renders the appropriate decorations.
|
text-decoration-003 |
|
|
Text-decoration set to 'line-through'
- The 'text-decoration' property set to 'line-through' renders the appropriate decorations.
|
text-decoration-004 |
|
AnimatedOptional |
Text-decoration set to 'blink'
- The 'text-decoration' property set to 'blink' renders the appropriate decorations.
|
text-decoration-005 |
|
|
Text-decoration set to 'underline overline'
- Ensure that text-decoration underline, overline applied to paragraph element.
|
text-decoration-006 |
|
|
Text-decoration set to 'underline line-through'
- Ensure that text-decoration underline, line-through applied to paragraph element.
|
text-decoration-007 |
|
AnimatedOptional |
Text-decoration set to 'underline blink'
- Ensure that text-decoration underline, blink is applied to an inline element.
|
text-decoration-008 |
|
|
Text-decoration set to 'overline underline'
- Ensure that text-decoration overline underline is applied to a paragraph element.
|
text-decoration-009 |
|
|
Text-decoration set to 'overline line-through'
- The 'text-decoration' property set to 'overline line-through' renders the appropriate decorations.
|
text-decoration-010 |
|
AnimatedOptional |
Text-decoration set to 'overline blink'
- The 'text-decoration' property set to 'overline blink' renders the appropriate decorations.
|
text-decoration-011 |
|
|
Text-decoration set to 'line-through underline'
- The 'text-decoration' property set to 'line-through underline' renders the appropriate decorations.
|
text-decoration-012 |
|
|
Text-decoration set to 'line-through overline'
- The 'text-decoration' property set to 'line-through overline' renders the appropriate decorations.
|
text-decoration-013 |
|
AnimatedOptional |
Text-decoration set to 'line-through blink'
- The 'text-decoration' property set to 'line-through blink' renders the appropriate decorations.
|
text-decoration-014 |
|
AnimatedOptional |
Text-decoration set to 'blink underline'
- The 'text-decoration' property set to 'blink underline' renders the appropriate decorations.
|
text-decoration-015 |
|
AnimatedOptional |
Text-decoration set to 'blink overline'
- The 'text-decoration' property set to 'blink overline' renders the appropriate decorations.
|
text-decoration-016 |
|
AnimatedOptional |
Text-decoration set to 'blink line-through'
- The 'text-decoration' property set to 'blink line-through' renders the appropriate decorations.
|
text-decoration-017 |
|
|
Text-decoration set to 'underline overline line-through'
- The 'text-decoration' property set to 'underline overline line-through' renders the appropriate decorations.
|
text-decoration-018 |
|
AnimatedOptional |
Text-decoration set to 'underline overline blink'
- The 'text-decoration' property set to 'underline overline blink' renders the appropriate decorations.
|
text-decoration-019 |
|
|
Text-decoration set to 'underline line-through overline'
- The 'text-decoration' property set to 'underline line-through overline' renders the appropriate decorations.
|
text-decoration-020 |
|
AnimatedOptional |
Text-decoration set to 'underline line-through blink'
- The 'text-decoration' property set to 'underline line-through blink' renders the appropriate decorations.
|
text-decoration-021 |
|
AnimatedOptional |
Text-decoration set to 'underline blink overline'
- The 'text-decoration' property set to 'underline blink overline' renders the appropriate decorations.
|
text-decoration-022 |
|
AnimatedOptional |
Text-decoration set to 'underline blink line-through'
- The 'text-decoration' property set to 'underline blink line-through' renders the appropriate decorations.
|
text-decoration-023 |
|
|
Text-decoration set to 'overline underline line-through'
- The 'text-decoration' property set to 'overline underline line-through' renders the appropriate decorations.
|
text-decoration-024 |
|
AnimatedOptional |
Text-decoration set to 'overline underline blink'
- The 'text-decoration' property set to 'overline underline blink' renders the appropriate decorations.
|
text-decoration-025 |
|
|
Text-decoration set to 'overline line-through underline'
- The 'text-decoration' property set to 'overline line-through underline' renders the appropriate decorations.
|
text-decoration-026 |
|
AnimatedOptional |
Text-decoration set to 'overline line-through blink'
- The 'text-decoration' property set to 'overline line-through blink' renders the appropriate decorations.
|
text-decoration-027 |
|
AnimatedOptional |
Text-decoration set to 'overline blink underline'
- The 'text-decoration' property set to 'overline blink underline' renders the appropriate decorations.
|
text-decoration-028 |
|
AnimatedOptional |
Text-decoration set to 'overline blink line-through'
- The 'text-decoration' property set to 'overline blink line-through' renders the appropriate decorations.
|
text-decoration-029 |
|
|
Text-decoration set to 'line-through underline overline'
- The 'text-decoration' property set to 'line-through underline overline' renders the appropriate decorations.
|
text-decoration-030 |
|
AnimatedOptional |
Text-decoration set to 'line-through underline blink'
- The 'text-decoration' property set to 'line-through underline blink' renders the appropriate decorations.
|
text-decoration-031 |
|
|
Text-decoration set to 'line-through overline underline'
- The 'text-decoration' property set to 'line-through overline underline' renders the appropriate decorations.
|
text-decoration-032 |
|
AnimatedOptional |
Text-decoration set to 'line-through overline blink'
- The 'text-decoration' property set to 'line-through overline blink' renders the appropriate decorations.
|
text-decoration-033 |
|
AnimatedOptional |
Text-decoration set to 'line-through blink underline'
- The 'text-decoration' property set to 'line-through blink underline' renders the appropriate decorations.
|
text-decoration-034 |
|
AnimatedOptional |
Text-decoration set to 'line-through blink overline'
- The 'text-decoration' property set to 'line-through blink overline' renders the appropriate decorations.
|
text-decoration-035 |
|
AnimatedOptional |
Text-decoration set to 'blink underline overline'
- The 'text-decoration' property set to 'blink underline overline' renders the appropriate decorations.
|
text-decoration-036 |
|
AnimatedOptional |
Text-decoration set to 'blink underline line-through'
- The 'text-decoration' property set to 'blink underline line-through' renders the appropriate decorations.
|
text-decoration-037 |
|
AnimatedOptional |
Text-decoration set to 'blink overline underline'
- The 'text-decoration' property set to 'blink overline underline' renders the appropriate decorations.
|
text-decoration-038 |
|
AnimatedOptional |
Text-decoration set to 'blink overline line-through'
- The 'text-decoration' property set to 'blink overline line-through' renders the appropriate decorations.
|
text-decoration-039 |
|
AnimatedOptional |
Text-decoration set to 'blink line-through underline'
- The 'text-decoration' property set to 'blink line-through underline' renders the appropriate decorations.
|
text-decoration-040 |
|
AnimatedOptional |
Text-decoration set to 'blink line-through overline'
- The 'text-decoration' property set to 'blink line-through overline' renders the appropriate decorations.
|
text-decoration-041 |
|
AnimatedOptional |
Text-decoration set to 'underline overline line-through blink'
- The 'text-decoration' property set to 'underline overline line-through blink' renders the appropriate decorations.
|
text-decoration-042 |
|
AnimatedOptional |
Text-decoration set to 'underline overline blink line-through'
- The 'text-decoration' property set to 'underline overline blink line-through' renders the appropriate decorations.
|
text-decoration-043 |
|
AnimatedOptional |
Text-decoration set to 'underline line-through overline blink'
- The 'text-decoration' property set to 'underline line-through overline blink' renders the appropriate decorations.
|
text-decoration-044 |
|
AnimatedOptional |
Text-decoration set to 'underline line-through blink overline'
- The 'text-decoration' property set to 'underline line-through blink overline' renders the appropriate decorations.
|
text-decoration-045 |
|
AnimatedOptional |
Text-decoration set to 'underline blink overline line-through'
- The 'text-decoration' property set to 'underline blink overline line-through' renders the appropriate decorations.
|
text-decoration-046 |
|
AnimatedOptional |
Text-decoration set to 'underline blink line-through overline'
- The 'text-decoration' property set to 'underline blink line-through overline' renders the appropriate decorations.
|
text-decoration-047 |
|
AnimatedOptional |
Text-decoration set to 'overline underline line-through blink'
- The 'text-decoration' property set to 'overline underline line-through blink' renders the appropriate decorations.
|
text-decoration-048 |
|
AnimatedOptional |
Text-decoration set to 'overline underline blink line-through'
- The 'text-decoration' property set to 'overline underline blink line-through' renders the appropriate decorations.
|
text-decoration-049 |
|
AnimatedOptional |
Text-decoration set to 'overline line-through underline blink'
- The 'text-decoration' property set to 'overline line-through underline blink' renders the appropriate decorations.
|
text-decoration-050 |
|
AnimatedOptional |
Text-decoration set to 'overline line-through blink underline'
- The 'text-decoration' property set to 'overline line-through blink underline' renders the appropriate decorations.
|
text-decoration-051 |
|
AnimatedOptional |
Text-decoration set to 'overline blink underline line-through'
- The 'text-decoration' property set to 'overline blink underline line-through' renders the appropriate decorations.
|
text-decoration-052 |
|
AnimatedOptional |
Text-decoration set to 'overline blink line-through underline'
- The 'text-decoration' property set to 'overline blink line-through underline' renders the appropriate decorations.
|
text-decoration-053 |
|
AnimatedOptional |
Text-decoration set to 'line-through underline overline blink'
- The 'text-decoration' property set to 'line-through underline overline blink' renders the appropriate decorations.
|
text-decoration-054 |
|
AnimatedOptional |
Text-decoration set to 'line-through underline blink overline'
- The 'text-decoration' property set to 'line-through underline blink overline' renders the appropriate decorations.
|
text-decoration-055 |
|
AnimatedOptional |
Text-decoration set to 'line-through overline underline blink'
- The 'text-decoration' property set to 'line-through overline underline blink' renders the appropriate decorations.
|
text-decoration-056 |
|
AnimatedOptional |
Text-decoration set to 'line-through overline blink underline'
- The 'text-decoration' property set to 'line-through overline blink underline' renders the appropriate decorations.
|
text-decoration-057 |
|
AnimatedOptional |
Text-decoration set to 'line-through blink underline overline'
- The 'text-decoration' property set to 'line-through blink underline overline' renders the appropriate decorations.
|
text-decoration-058 |
|
AnimatedOptional |
Text-decoration set to 'line-through blink overline underline'
- The 'text-decoration' property set to 'line-through blink overline underline' renders the appropriate decorations.
|
text-decoration-059 |
|
AnimatedOptional |
Text-decoration set to 'blink underline overline line-through'
- The 'text-decoration' property set to 'blink underline overline line-through' renders the appropriate decorations.
|
text-decoration-060 |
|
AnimatedOptional |
Text-decoration set to 'blink underline line-through overline'
- The 'text-decoration' property set to 'blink underline line-through overline' renders the appropriate decorations.
|
text-decoration-061 |
|
AnimatedOptional |
Text-decoration set to 'blink overline underline line-through'
- The 'text-decoration' property set to 'blink overline underline line-through' renders the appropriate decorations.
|
text-decoration-062 |
|
AnimatedOptional |
Text-decoration set to 'blink overline line-through underline'
- The 'text-decoration' property set to 'blink overline line-through underline' renders the appropriate decorations.
|
text-decoration-063 |
|
AnimatedOptional |
Text-decoration set to 'blink line-through underline overline'
- The 'text-decoration' property set to 'blink line-through underline overline' renders the appropriate decorations.
|
text-decoration-064 |
|
AnimatedOptional |
Text-decoration set to 'blink line-through overline underline'
- The 'text-decoration' property set to 'blink line-through overline underline' renders the appropriate decorations.
|
text-decoration-065 |
|
|
Text-decoration set to 'none'
- The 'text-decoration' property set to 'none' does not render any text decorations.
|
text-decoration-066 |
|
|
Text-decoration set to 'inherit', inheriting one value
- The 'text-decoration' set to 'inherit' on an element will inherit the text-decoration set on the div1 element.
|
text-decoration-067 |
|
|
Text-decoration set to 'inherit', inheriting two values
- The 'text-decoration' set to 'inherit' on an element will inherit the text-decoration set on the div1 element.
|
text-decoration-068 |
|
|
Text-decoration set to 'inherit', inheriting three values
- The 'text-decoration' set to 'inherit' on an element will inherit the text-decoration set on the div1 element.
|
text-decoration-069 |
|
AnimatedOptional |
Text-decoration set to 'inherit', inheriting four values
- The 'text-decoration' set to 'inherit' on an element will inherit the text-decoration set on the div1 element.
|
text-decoration-070 |
|
|
'text-decoration' - 'color' inheritance
- The color of 'text-decoration' of ascendant must be applied to descendants even if descendant elements have different 'color' values
|
text-decoration-071 |
|
|
'text-decoration' - inheritance exception 1
- 'text-decoration' values must not be propagated to floating descendants
|
text-decoration-072 |
|
|
'text-decoration' - inheritance exception 2
- 'text-decoration' values must not be propagated to absolutely-positioned descendants
|
text-decoration-073 |
|
|
'text-decoration' - inheritance exception 3
- 'text-decoration' values must not be propagated to the contents of 'inline-table' descendants
|
text-decoration-074 |
|
|
'text-decoration' - inheritance exception 4
- 'text-decoration' values must not be propagated to the contents of 'inline-block' descendants
|
text-decoration-081 |
|
|
text-decoration underlining and spaces
|
text-decoration-082 |
|
|
text-decoration underlining and images
|
text-decoration-083 |
|
|
text-decoration underlining and images
|
text-decoration-084 |
|
|
text-decoration underlining and images
|
text-decoration-085 |
|
|
text-decoration with block children
|
text-decoration-086 |
|
|
text-decoration with block children
|
text-decoration-087 |
|
|
text-decoration with inline children
|
text-decoration-088 |
|
|
text-decoration with block children
|
text-decoration-a-element-001 |
|
|
Text-decoration set to 'underline' on a elements (spec example)
- Text-decoration set to 'underline' is applied to a elements.
|
text-decoration-applies-to-001 |
|
|
Text-decoration application on an 'inline' element
- The 'text-decoration' property applies to an 'inline' element.
|
text-decoration-applies-to-002 |
|
|
Text-decoration application on a 'block' element
- The 'text-decoration' property applies to a 'block' element.
|
text-decoration-applies-to-003 |
|
|
Text-decoration application on a 'list-item' element
- The 'text-decoration' property applies to a 'list-item' element.
|
text-decoration-applies-to-004 |
|
|
Text-decoration application on a 'run-in' element
- The 'text-decoration' property applies to a 'run-in' element.
|
text-decoration-applies-to-005 |
|
|
Text-decoration application on an 'inline-block' element
- The 'text-decoration' property applies to an 'inline-block' element.
|
text-decoration-applies-to-006 |
|
|
Text-decoration application on a 'table' element
- The 'text-decoration' property applies to a 'table' element.
|
text-decoration-applies-to-007 |
|
|
Text-decoration application on an 'inline-table' element
- The 'text-decoration' property applies to an 'inline-table' element.
|
text-decoration-applies-to-008 |
|
|
Text-decoration application on a 'table-row-group' element
- The 'text-decoration' property applies to a 'table-row-group' element.
|
text-decoration-applies-to-009 |
|
|
Text-decoration application on a 'table-header-group' element
- The 'text-decoration' property applies to a 'table-header-group' element.
|
text-decoration-applies-to-010 |
|
|
Text-decoration application on a 'table-footer-group' element
- The 'text-decoration' property applies to a 'table-footer-group' element.
|
text-decoration-applies-to-011 |
|
|
Text-decoration application on a 'table-row' element
- The 'text-decoration' property applies to a 'table-row' element.
|
text-decoration-applies-to-012 |
|
|
Text-decoration application on a table-column-group element
- The 'text-decoration' property does not apply to a table-column-group element
|
text-decoration-applies-to-013 |
|
|
Text-decoration application on a table-column element
- The 'text-decoration' property does not apply to a table-column element
|
text-decoration-applies-to-014 |
|
|
Text-decoration application on a 'table-cell' element
- The 'text-decoration' property applies to a 'table-cell' element.
|
text-decoration-applies-to-015 |
|
|
Text-decoration application on a 'table-caption' element
- The 'text-decoration' property applies to a 'table-caption' element.
|
text-decoration-border-001 |
|
|
Text-decoration set to 'underline' on 'border'
- The 'text-decoration' property set to 'underline' is not applied to 'border' in elements.
|
text-decoration-border-002 |
|
|
Text-decoration set to 'overline' on 'border'
- The 'text-decoration' property set to 'overline' is not applied to 'border' in elements.
|
text-decoration-border-003 |
|
|
Text-decoration set to 'line-through' on 'border'
- The 'text-decoration' property set to 'line-through' is not applied to 'border' in elements.
|
text-decoration-color-001 |
|
|
Text-decoration with 'color'
- Text-decoration is the color set on the element.
|
text-decoration-color-002 |
|
|
Text-decoration and 'color' on parent elements
- The 'text-decoration' property set to 'color' is equal to the color on the element with 'text-decoration' set on it, even if a descendent element has a different color.
|
text-decoration-image-001 |
|
Bitmaps |
Text-decoration on images
- Text-decoration is not applied to images.
|
text-decoration-margin-001 |
|
|
Text-decoration set to 'underline' on 'margin'
- The 'text-decoration' property set to 'underline' is not applied to 'margin' in elements.
|
text-decoration-margin-002 |
|
|
Text-decoration set to 'overline' on 'margin'
- The 'text-decoration' property set to 'overline' is not applied to 'margin' in elements.
|
text-decoration-margin-003 |
|
|
Text-decoration set to 'line-through' on 'margin'
- The 'text-decoration' property set to 'line-through' is not applied to 'margin' in elements.
|
text-decoration-padding-001 |
|
|
Text-decoration set to 'underline' on 'padding'
- The 'text-decoration' property set to 'underline' is not applied to 'padding' in elements.
|
text-decoration-padding-002 |
|
|
Text-decoration set to 'overline' on 'padding'
- The 'text-decoration' property set to 'overline' is not applied to 'padding' in elements.
|
text-decoration-padding-003 |
|
|
Text-decoration set to 'line-through' on 'padding'
- The 'text-decoration' property set to 'line-through' is not applied to 'padding' in elements.
|
text-decoration-parent-child-001 |
|
|
Text-decoration on ancestors
- Text-decoration on a child does not affect the parent element's 'text-decoration'.
|
text-decoration-propagation-001 |
|
|
Text-decoration on inline elements with multiple boxes
- The 'text-decoration' property set to 'underline' is applied to all boxes within inline element (in this case, with different styles).
|
text-decoration-propagation-002 |
|
|
Text-decoration inheritance to inline elements
- Text-decoration is applied to anonymous inline element for block level elements with text not in inline element.
|
text-decoration-propagation-003 |
|
|
Text-decoration inheritance to block level elements
- Text-decoration is inherited by block level elements from block level elements.
|
text-decoration-propagation-004 |
|
|
Text-decoration on floated children
- Text-decoration is not propagated to children elements that are floated.
|
text-decoration-propagation-005 |
|
|
Text-decoration on absolutely positioned children
- Text-decoration is not propagated to children elements that are absolutely positioned.
|
text-decoration-propagation-006 |
|
|
Text-decoration on 'inline-table' children
- Text-decoration is not propagated to children elements that are 'inline-tables'.
|
text-decoration-propagation-007 |
|
|
Text-decoration on 'inline-block' children
- Text-decoration is not propagated to children elements that are 'inline-block'.
|
text-decoration-relative-001 |
|
|
Text-decoration on descendents with relative positioning
- Text-decoration is moved with relative positioned elements.
|
text-decoration-space-001 |
|
|
Text-decoration set to 'underline' on white space
- The 'text-decoration' property set to 'underline' is applied to white space in elements.
|
text-decoration-space-002 |
|
|
Text-decoration set to 'overline' on white space
- The 'text-decoration' property set to 'overline' is applied to white space in elements.
|
text-decoration-space-003 |
|
|
Text-decoration set to 'line-through' on white space
- The 'text-decoration' property set to 'line-through' is applied to white space in elements.
|
text-decoration-space-004 |
|
|
Text-decoration set to 'underline' on 'letter-spacing'
- The 'text-decoration' property set to 'underline' is applied to 'letter-spacing' in elements.
|
text-decoration-space-005 |
|
|
Text-decoration set to 'overline' on 'letter-spacing'
- The 'text-decoration' property set to 'overline' is applied to 'letter-spacing' in elements.
|
text-decoration-space-006 |
|
|
Text-decoration set to 'line-through' on 'letter-spacing'
- The 'text-decoration' property set to 'line-through' is applied to 'letter-spacing' in elements.
|
text-decoration-space-007 |
|
|
Text-decoration set to 'underline' on 'word-spacing'
- The 'text-decoration' property set to 'underline' is applied to 'word-spacing' in elements.
|
text-decoration-space-008 |
|
|
Text-decoration set to 'overline' on 'word-spacing'
- The 'text-decoration' property set to 'overline' is applied to 'word-spacing' in elements.
|
text-decoration-space-009 |
|
|
Text-decoration set to 'line-through' on 'word-spacing'
- The 'text-decoration' property set to 'line-through' is applied to 'word-spacing' in elements.
|
text-decoration-thickness-001 |
|
|
Text-decoration underline across elements with different font sizes
- Thickness and baseline are the same for all children of elements with 'text-decoration' set.
|
+
16.4 Letter and word spacing: the 'letter-spacing' and 'word-spacing' properties
|
allowed-page-breaks-005 |
|
Paged |
Allowed Page Breaks - Between Blocks
- Page breaks can occur between block boxes.
|
allowed-page-breaks-006 |
|
Paged |
Allowed Page Breaks - Between Line Boxes
- Page breaks can occur between line boxes.
|
allowed-page-breaks-007a |
|
Paged |
Allowed Page Breaks - Between Line Box and Content Edge
- Page breaks can occur between the content edge of a block box and the outer edges of its child line boxes.
|
allowed-page-breaks-007b |
|
Paged |
Allowed Page Breaks - Between Block-level Box and Content Edge
- Page breaks can occur between the content edge of a block box and the outer edges of its child block-level boxes.
|
c541-word-sp-000 |
|
Ahem |
word-spacing
|
c541-word-sp-001 |
|
Ahem |
word-spacing
|
c542-letter-sp-000 |
|
Ahem |
letter-spacing
|
c542-letter-sp-001 |
|
Ahem |
letter-spacing
|
control-characters-002 |
|
Ahem |
Control Characters
- Handling and processing of control characters.
|
letter-spacing-004 |
|
Ahem |
Letter-spacing using pixels with a negative zero value, -0px
- The 'letter-spacing' property sets a negative zero length value in pixels.
|
letter-spacing-005 |
|
Ahem |
Letter-spacing using pixels with a zero value, 0px
- The 'letter-spacing' property sets a zero length value in pixels.
|
letter-spacing-006 |
|
Ahem |
Letter-spacing using pixels with a positive zero value, +0px
- The 'letter-spacing' property sets a positive zero length value in pixels.
|
letter-spacing-007 |
|
Ahem |
Letter-spacing using pixels with a nominal value, 96px
- The 'letter-spacing' property sets a nominal length value in pixels.
|
letter-spacing-008 |
|
Ahem |
Letter-spacing using pixels with a nominal value with a plus sign, +96px
- The 'letter-spacing' property sets a nominal length value in pixels with a plus sign.
|
letter-spacing-016 |
|
Ahem |
Letter-spacing using points with a negative zero value, -0pt
- The 'letter-spacing' property sets a negative zero length value in points.
|
letter-spacing-017 |
|
Ahem |
Letter-spacing using points with a zero value, 0pt
- The 'letter-spacing' property sets a zero length value in points.
|
letter-spacing-018 |
|
Ahem |
Letter-spacing using points with a positive zero value, +0pt
- The 'letter-spacing' property sets a positive zero length value in points.
|
letter-spacing-019 |
|
Ahem |
Letter-spacing using points with a nominal value, 72pt
- The 'letter-spacing' property sets a nominal length value in points.
|
letter-spacing-020 |
|
Ahem |
Letter-spacing using points with a nominal value with a plus sign, +72pt
- The 'letter-spacing' property sets a nominal length value in points with a plus sign.
|
letter-spacing-028 |
|
Ahem |
Letter-spacing using picas with a negative zero value, -0pc
- The 'letter-spacing' property sets a negative zero length value in picas.
|
letter-spacing-029 |
|
Ahem |
Letter-spacing using picas with a zero value, 0pc
- The 'letter-spacing' property sets a zero length value in picas.
|
letter-spacing-030 |
|
Ahem |
Letter-spacing using picas with a positive zero value, +0pc
- The 'letter-spacing' property sets a positive zero length value in picas.
|
letter-spacing-031 |
|
Ahem |
Letter-spacing using picas with a nominal value, 6pc
- The 'letter-spacing' property sets a nominal length value in picas.
|
letter-spacing-032 |
|
Ahem |
Letter-spacing using picas with a nominal value with a plus sign, +6pc
- The 'letter-spacing' property sets a nominal length value in picas with a plus sign.
|
letter-spacing-040 |
|
Ahem |
Letter-spacing using centimeters with a negative zero value, -0cm
- The 'letter-spacing' property sets a negative zero length value in centimeters.
|
letter-spacing-041 |
|
Ahem |
Letter-spacing using centimeters with a zero value, 0cm
- The 'letter-spacing' property sets a zero length value in centimeters.
|
letter-spacing-042 |
|
Ahem |
Letter-spacing using centimeters with a positive zero value, +0cm
- The 'letter-spacing' property sets a positive zero length value in centimeters.
|
letter-spacing-043 |
|
Ahem |
Letter-spacing using centimeters with a nominal value, 2.54cm
- The 'letter-spacing' property sets a nominal length value in centimeters.
|
letter-spacing-044 |
|
Ahem |
Letter-spacing using centimeters with a nominal value with a plus sign, +2.54cm
- The 'letter-spacing' property sets a nominal length value in centimeters with a plus sign.
|
letter-spacing-052 |
|
Ahem |
Letter-spacing using millimeters with a negative zero value, -0mm
- The 'letter-spacing' property sets a negative zero length value in millimeters.
|
letter-spacing-053 |
|
Ahem |
Letter-spacing using millimeters with a zero value, 0mm
- The 'letter-spacing' property sets a zero length value in millimeters.
|
letter-spacing-054 |
|
Ahem |
Letter-spacing using millimeters with a positive zero value, +0mm
- The 'letter-spacing' property sets a positive zero length value in millimeters.
|
letter-spacing-055 |
|
Ahem |
Letter-spacing using millimeters with a nominal value, 25.4mm
- The 'letter-spacing' property sets a nominal length value in millimeters.
|
letter-spacing-056 |
|
Ahem |
Letter-spacing using millimeters with a nominal value with a plus sign, +25.4mm
- The 'letter-spacing' property sets a nominal length value in millimeters with a plus sign.
|
letter-spacing-064 |
|
Ahem |
Letter-spacing using inches with a negative zero value, -0in
- The 'letter-spacing' property sets a negative zero length value in inches.
|
letter-spacing-065 |
|
Ahem |
Letter-spacing using inches with a zero value, 0in
- The 'letter-spacing' property sets a zero length value in inches.
|
letter-spacing-066 |
|
Ahem |
Letter-spacing using inches with a positive zero value, +0in
- The 'letter-spacing' property sets a positive zero length value in inches.
|
letter-spacing-067 |
|
Ahem |
Letter-spacing using inches with a nominal value, 1in
- The 'letter-spacing' property sets a nominal length value in inches.
|
letter-spacing-068 |
|
Ahem |
Letter-spacing using inches with a nominal value with a plus sign, +1in
- The 'letter-spacing' property sets a nominal length value in inches with a plus sign.
|
letter-spacing-076 |
|
Ahem |
Letter-spacing using 'em' units with a negative zero value, -0em
- The 'letter-spacing' property sets a negative zero length value in 'em' units.
|
letter-spacing-077 |
|
Ahem |
Letter-spacing using 'em' units with a zero value, 0em
- The 'letter-spacing' property sets a zero length value in 'em' units.
|
letter-spacing-078 |
|
Ahem |
Letter-spacing using 'em' units with a positive zero value, +0em
- The 'letter-spacing' property sets a positive zero length value in 'em' units.
|
letter-spacing-079 |
|
Ahem |
Letter-spacing using 'em' units with a nominal value, 6em
- The 'letter-spacing' property sets a nominal length value in 'em' units.
|
letter-spacing-080 |
|
Ahem |
Letter-spacing using 'em' units with a nominal value with a plus sign, +6em
- The 'letter-spacing' property sets a nominal length value in 'em' units with a plus sign.
|
letter-spacing-088 |
|
Ahem |
Letter-spacing using 'ex' units with a negative zero value, -0ex
- The 'letter-spacing' property sets a negative zero length value in 'ex' units.
|
letter-spacing-089 |
|
Ahem |
Letter-spacing using 'ex' units with a zero value, 0ex
- The 'letter-spacing' property sets a zero length value in 'ex' units.
|
letter-spacing-090 |
|
Ahem |
Letter-spacing using 'ex' units with a positive zero value, +0ex
- The 'letter-spacing' property sets a positive zero length value in 'ex' units.
|
letter-spacing-091 |
|
Ahem |
Letter-spacing using 'ex' units with a nominal value, 12ex
- The 'letter-spacing' property sets a nominal length value in 'ex' units.
|
letter-spacing-092 |
|
Ahem |
Letter-spacing using 'ex' units with a nominal value with a plus sign, +12ex
- The 'letter-spacing' property sets a nominal length value in 'ex' units with a plus sign.
|
letter-spacing-097 |
|
Ahem |
Letter-spacing sets a negative zero value with no units, -0
- The 'letter-spacing' property sets a negative zero length value with no units.
|
letter-spacing-098 |
|
Ahem |
Letter-spacing sets a zero value with no units, 0
- The 'letter-spacing' property sets a zero length value with no units.
|
letter-spacing-099 |
|
Ahem |
Letter-spacing sets a positive zero value with no units, +0
- The 'letter-spacing' property sets a positive zero length value with no units.
|
letter-spacing-100 |
|
Ahem |
Letter-spacing set to 'normal'
- The 'letter-spacing' property set to 'normal' sets the typical spacing for letters based on the font.
|
letter-spacing-101 |
|
Ahem |
Letter-spacing set to 'inherit'
- The 'letter-spacing' set to 'inherit' uses its parents' value for the spacing of letters.
|
letter-spacing-102 |
|
|
Dynamic letter-spacing changes
|
letter-spacing-applies-to-001 |
|
Ahem |
Letter-spacing application on a 'display: inline' element
- The 'letter-spacing' property is applied to 'display: inline' elements.
|
letter-spacing-applies-to-002 |
|
Ahem |
Letter-spacing application on a 'display: block' element
- The 'letter-spacing' property is applied to 'display: block' elements.
|
letter-spacing-applies-to-003 |
|
Ahem |
Letter-spacing application on a 'display: list-item' element
- The 'letter-spacing' property is applied to 'display: list-item' elements.
|
letter-spacing-applies-to-004 |
|
Ahem |
Letter-spacing application on a 'display: run-in' element
- The 'letter-spacing' property is applied to 'display: run-in' elements.
|
letter-spacing-applies-to-005 |
|
Ahem |
Letter-spacing application on a 'display: inline-block' element
- The 'letter-spacing' property is applied to 'display: inline-block' elements.
|
letter-spacing-applies-to-006 |
|
Ahem |
Letter-spacing application on a 'display: table' element
- The 'letter-spacing' property is applied to 'display: table' elements.
|
letter-spacing-applies-to-007 |
|
Ahem |
Letter-spacing application on a 'display: inline-table' element
- The 'letter-spacing' property is applied to 'display: inline-table' elements.
|
letter-spacing-applies-to-008 |
|
Ahem |
Letter-spacing application on a 'display: table-row-group' element
- The 'letter-spacing' property is applied to 'display: table-row-group' elements.
|
letter-spacing-applies-to-009 |
|
Ahem |
Letter-spacing application on a 'display: table-header-group' element
- The 'letter-spacing' property is applied to 'display: table-header-group' elements.
|
letter-spacing-applies-to-010 |
|
Ahem |
Letter-spacing application on a 'display: table-footer-group' element
- The 'letter-spacing' property is applied to 'display: table-footer-group' elements.
|
letter-spacing-applies-to-011 |
|
Ahem |
Letter-spacing application on a 'display: table-row' element
- The 'letter-spacing' property is applied to 'display: table-row' elements.
|
letter-spacing-applies-to-012 |
|
Ahem |
Letter-spacing application on a 'display: table-column-group' element
- The 'letter-spacing' property does not apply to 'display: table-column-group' elements.
|
letter-spacing-applies-to-013 |
|
Ahem |
Letter-spacing application on a 'display: table-column' element
- The 'letter-spacing' property does not apply to 'display: table-column' elements.
|
letter-spacing-applies-to-014 |
|
Ahem |
Letter-spacing application on a 'display: table-cell' element
- The 'letter-spacing' property is applied to 'display: table-cell' elements.
|
letter-spacing-applies-to-015 |
|
Ahem |
Letter-spacing application on a 'display: table-caption' element
- The 'letter-spacing' property is applied to 'display: table-caption' elements.
|
letter-spacing-justify-001 |
|
Ahem |
Letter-spacing and 'text-align: justify'
- The letter-spacing is not changed when combined with 'text-align: justify'.
|
page-break-inside-005 |
|
Paged |
page-break-inside inheritance
- 'page-break-inside' does not inherit.
|
page-break-margins-001 |
|
OptionalPaged |
Margin at the start of document
- The UA may preserve the margin after a forced page break.
|
word-spacing-004 |
|
Ahem |
Word-spacing using pixels with a negative zero value, -0px
- The 'word-spacing' property sets a negative zero length value in pixels.
|
word-spacing-005 |
|
Ahem |
Word-spacing using pixels with a zero value, 0px
- The 'word-spacing' property sets a zero length value in pixels.
|
word-spacing-006 |
|
Ahem |
Word-spacing using pixels with a positive zero value, +0px
- The 'word-spacing' property sets a positive zero length value in pixels.
|
word-spacing-007 |
|
Ahem |
Word-spacing normal pixel on an element
- Ensure that word-spacing 96px adds 96px (in addition to default spacing) between words in the element.
|
word-spacing-008 |
|
Ahem |
Word-spacing +normal pixel on an element
- Ensure that word-spacing +96px adds 96px (in addition to default spacing) between words in the element.
|
word-spacing-016 |
|
Ahem |
Word-spacing using points with a negative zero value, -0pt
- The 'word-spacing' property sets a negative zero length value in points.
|
word-spacing-017 |
|
Ahem |
Word-spacing using points with a zero value, 0pt
- The 'word-spacing' property sets a zero length value in points.
|
word-spacing-018 |
|
Ahem |
Word-spacing using points with a positive zero value, +0pt
- The 'word-spacing' property sets a positive zero length value in points.
|
word-spacing-019 |
|
Ahem |
Word-spacing set to a nominal value of '72pt'
- Ensure that letter-spacing 72pt adds 72pt (in addition to default spacing) between letters in the element.
|
word-spacing-020 |
|
Ahem |
Word-spacing +normal pt on an element
- Ensure that word-spacing +72pt adds +72 points (in addition to default spacing) between words in the element.
|
word-spacing-028 |
|
Ahem |
Word-spacing using picas with a negative zero value, -0pc
- The 'word-spacing' property sets a negative zero length value in picas.
|
word-spacing-029 |
|
Ahem |
Word-spacing using picas with a zero value, 0pc
- The 'word-spacing' property sets a zero length value in picas.
|
word-spacing-030 |
|
Ahem |
Word-spacing using picas with a positive zero value, +0pc
- The 'word-spacing' property sets a positive zero length value in picas.
|
word-spacing-031 |
|
Ahem |
Word-spacing normal pc on an element
- Ensure that word-spacing 6pc adds 6pc (in addition to default spacing) between words in the element.
|
word-spacing-032 |
|
Ahem |
Word-spacing +normal pc on an element
- Ensure that word-spacing +6pc adds 6pc (in addition to default spacing) between words in the element.
|
word-spacing-040 |
|
Ahem |
Word-spacing using centimeters with a negative zero value, -0cm
- The 'word-spacing' property sets a negative zero length value in centimeters.
|
word-spacing-041 |
|
Ahem |
Word-spacing using centimeters with a zero value, 0cm
- The 'word-spacing' property sets a zero length value in centimeters.
|
word-spacing-042 |
|
Ahem |
Word-spacing using centimeters with a positive zero value, +0cm
- The 'word-spacing' property sets a positive zero length value in centimeters.
|
word-spacing-043 |
|
Ahem |
Word-spacing normal cm on an element
- Ensure that word-spacing 2.54cm adds 2.54cm (in addition to default spacing) between words in the element.
|
word-spacing-044 |
|
Ahem |
Word-spacing +normal cm on an element
- Ensure that word-spacing +2.54cm adds 2.54cm (in addition to default spacing) between words in the element.
|
word-spacing-052 |
|
Ahem |
Word-spacing using millimeters with a negative zero value, -0mm
- The 'word-spacing' property sets a negative zero length value in millimeters.
|
word-spacing-053 |
|
Ahem |
Word-spacing using millimeters with a zero value, 0mm
- The 'word-spacing' property sets a zero length value in millimeters.
|
word-spacing-054 |
|
Ahem |
Word-spacing using millimeters with a positive zero value, +0mm
- The 'word-spacing' property sets a positive zero length value in millimeters.
|
word-spacing-055 |
|
Ahem |
Word-spacing normal mm on an element
- Ensure that word-spacing 25.4mm adds 25.4mm (in addition to default spacing) between words in the element.
|
word-spacing-056 |
|
Ahem |
Word-spacing +normal mm on an element
- Ensure that word-spacing +25.4mm adds 25.4mm (in addition to default spacing) between words in the element.
|
word-spacing-064 |
|
Ahem |
Word-spacing using inches with a negative zero value, -0in
- The 'word-spacing' property sets a negative zero length value in inches.
|
word-spacing-065 |
|
Ahem |
Word-spacing using inches with a zero value, 0in
- The 'word-spacing' property sets a zero length value in inches.
|
word-spacing-066 |
|
Ahem |
Word-spacing using inches with a positive zero value, +0in
- The 'word-spacing' property sets a positive zero length value in inches.
|
word-spacing-067 |
|
Ahem |
Word-spacing normal in on an element
- Ensure that word-spacing 1in adds 1in (in addition to default spacing) between words in the element.
|
word-spacing-068 |
|
Ahem |
Word-spacing +normal in on an element
- Ensure that word-spacing +1in adds 1in (in addition to default spacing) between words in the element.
|
word-spacing-076 |
|
Ahem |
Word-spacing using 'em' units with a negative zero value, -0em
- The 'word-spacing' property sets a negative zero length value in 'em' units.
|
word-spacing-077 |
|
Ahem |
Word-spacing using 'em' units with a zero value, 0em
- The 'word-spacing' property sets a zero length value in 'em' units.
|
word-spacing-078 |
|
Ahem |
Word-spacing using 'em' units with a positive zero value, +0em
- The 'word-spacing' property sets a positive zero length value in 'em' units.
|
word-spacing-079 |
|
Ahem |
Word-spacing normal em on an element
- Ensure that word-spacing 6em adds 6em (in addition to default spacing) between words in the element.
|
word-spacing-080 |
|
Ahem |
Word-spacing +normal em on an element
- Ensure that word-spacing +6em adds 6em (in addition to default spacing) between words in the element.
|
word-spacing-088 |
|
Ahem |
Word-spacing using 'ex' units with a negative zero value, -0ex
- The 'word-spacing' property sets a negative zero length value in 'ex' units.
|
word-spacing-089 |
|
Ahem |
Word-spacing using 'ex' units with a zero value, 0ex
- The 'word-spacing' property sets a zero length value in 'ex' units.
|
word-spacing-090 |
|
Ahem |
Word-spacing using 'ex' units with a positive zero value, +0ex
- The 'word-spacing' property sets a positive zero length value in 'ex' units.
|
word-spacing-091 |
|
Ahem |
Word-spacing nominal ex on an element
- Ensure that word-spacing 12ex adds 12ex (in addition to default spacing) between words in the element.
|
word-spacing-092 |
|
Ahem |
Word-spacing +normal ex on an element
- Ensure that word-spacing +12ex adds 12ex (in addition to default spacing) between words in the element.
|
word-spacing-097 |
|
Ahem |
Word-spacing -0 on an element
- Ensure that word-spacing -0 adds 0 (in addition to default spacing) between words in the element.
|
word-spacing-098 |
|
Ahem |
Word-spacing 0 on an element
- Ensure that word-spacing 0 adds no extra space (in addition to default spacing) between words in the element.
|
word-spacing-099 |
|
Ahem |
Word-spacing +0 on an element
- Ensure that word-spacing +0 adds no extra space (in addition to default spacing) between words in the element.
|
word-spacing-100 |
|
Ahem |
Word-spacing set to 'normal'
- The 'word-spacing' property set to normal does not change spacing between words.
|
word-spacing-101 |
|
Ahem |
Word-spacing inherit on an element
- Ensure that word-spacing with inherit uses its parents value for word-spacing.
|
word-spacing-applies-to-001 |
|
Ahem |
Word-spacing application to 'display: inline' element
- The 'word-spacing' property applies to 'display: inline' elements.
|
word-spacing-applies-to-002 |
|
Ahem |
Word-spacing application to 'display: block' element
- The 'word-spacing' property applies to 'display: block' elements.
|
word-spacing-applies-to-003 |
|
Ahem |
Word-spacing application to 'display: list-item' element
- The 'word-spacing' property applies to 'display: list-item' elements.
|
word-spacing-applies-to-004 |
|
Ahem |
Word-spacing application to 'display: run-in' element
- The 'word-spacing' property applies to 'display: run-in' elements.
|
word-spacing-applies-to-005 |
|
Ahem |
Word-spacing application to 'display: inline-block' element
- The 'word-spacing' property applies to 'display: inline-block' elements.
|
word-spacing-applies-to-006 |
|
Ahem |
Word-spacing application to 'display: table' element
- The 'word-spacing' property applies to 'display: table' elements.
|
word-spacing-applies-to-007 |
|
Ahem |
Word-spacing application to 'display: inline-table' element
- The 'word-spacing' property applies to 'display: inline-table' elements.
|
word-spacing-applies-to-008 |
|
Ahem |
Word-spacing application to 'display: table-row-group' element
- The 'word-spacing' property applies to 'display: table-row-group' elements.
|
word-spacing-applies-to-009 |
|
Ahem |
Word-spacing application to 'display: table-header-group' element
- The 'word-spacing' property applies to 'display: table-header-group' elements.
|
word-spacing-applies-to-010 |
|
Ahem |
Word-spacing application to 'display: table-footer-group' element
- The 'word-spacing' property applies to 'display: table-footer-group' elements.
|
word-spacing-applies-to-011 |
|
Ahem |
Word-spacing application to 'display: table-row' element
- The 'word-spacing' property applies to 'display: table-row' elements.
|
word-spacing-applies-to-012 |
|
Ahem |
Word-spacing application to 'display: table-column-group' element
- The 'word-spacing' property is not applied to 'display: table-column-group' elements.
|
word-spacing-applies-to-013 |
|
Ahem |
Word-spacing application to 'display: table-column' element
- The 'word-spacing' property is not applied to 'display: table-column' elements.
|
word-spacing-applies-to-014 |
|
Ahem |
Word-spacing application to 'display: table-cell' element
- The 'word-spacing' property applies to 'display: table-cell' elements.
|
word-spacing-applies-to-015 |
|
Ahem |
Word-spacing application to 'display: table-caption' element
- The 'word-spacing' property applies to 'display: table-caption' elements.
|
word-spacing-characters-001 |
|
|
word-spacing on Flexible Space Characters
- Word-spacing affects each space (U+0020) and non-breaking space (U+00A0).
|
word-spacing-characters-002 |
|
|
word-spacing on Fixed-Width Space Characters
- Word-spacing does not affect fixed-width spaces.
|
word-spacing-characters-003 |
|
|
word-spacing on Zero-Width Characters
- Word-spacing does not affect zero-width characters.
|
word-spacing-justify-001 |
|
Ahem |
Word-spacing and 'text-align: justify'
- The word spacing is changed when combined with 'text-align: justify'.
|
word-spacing-remove-space-001 |
|
Ahem |
Word-spacing and white space with multiple spaces
- The white space processing removes spaces before 'word-spacing' is applied.
|
word-spacing-remove-space-002 |
|
Ahem |
Word-spacing and white space with multiple non-breaking spaces
- The white space processing removes non-breaking space before 'word-spacing' is applied.
|
word-spacing-remove-space-003 |
|
Ahem |
Word-spacing and white space with multiple ideographic spaces
- The white space processing removes ideographic space before 'word-spacing' is applied.
|
word-spacing-remove-space-004 |
|
Ahem |
Word-spacing and white space with multiple preserved spaces
- Any space left after white-space processing model occurs, has word-spacing applied to it.
|
word-spacing-remove-space-005 |
|
Ahem |
Word-spacing and white space with multiple preserved spaces
- Any non-breaking space left after white-space processing model occurs, has word-spacing applied to it.
|
word-spacing-remove-space-006 |
|
Ahem |
Word-spacing and white space with multiple preserved spaces
- Any ideographic space left after white-space processing model occurs, has word-spacing applied to it.
|
+
16.5 Capitalization: the 'text-transform' property
|
c545-txttrans-000 |
|
AhemBitmaps |
text-transform
|
first-line-selector-014 |
|
|
:first-line pseudo-element - text-transform
|
first-line-selector-015 |
|
|
:first-line pseudo-element - text-transform
- The :first-line pseudo-element can be attached to an unordered list because it is a block-level element. The "first formatted line" of an unordered list occurs inside its first list-item because it is a non-positioned and non-floated block-level descendant in the same flow. User agents may change the document's layout (preferred behavior but nonetheless optional) when the viewport is resized.
|
text-transform-001 |
|
|
Text-transform set to 'capitalize'
- The 'text-transform' property set to 'capitalize' on an element makes the first character of every word uppercase.
|
text-transform-002 |
|
|
Text-transform set to 'lowercase'
- The 'text-transform' property set to 'lowercase' on an element makes every letter lowercase.
|
text-transform-003 |
|
|
Text-transform set to 'uppercase'
- The 'text-transform' property set to 'uppercase' on an element makes every letter uppercase.
|
text-transform-004 |
|
|
Text-transform set to 'none'
- The 'text-transform' property set to 'none' on an element makes no changes to the text.
|
text-transform-005 |
|
|
Text-transform set to 'inherit'
- The 'text-transform' property set to 'inherit' on an element inherits its parent element's 'text-transform' value.
|
text-transform-applies-to-001 |
|
|
Text-transform application to 'display: inline' element
- The 'text-transform' property is applied to 'display: inline' elements.
|
text-transform-applies-to-002 |
|
|
Text-transform application to 'display: block' element
- The 'text-transform' property is applied to 'display: block' elements.
|
text-transform-applies-to-003 |
|
|
Text-transform application to 'display: list-item' element
- The 'text-transform' property is applied to 'display: list-item' elements.
|
text-transform-applies-to-004 |
|
|
Text-transform application to 'display: run-in' element
- The 'text-transform' property is applied to 'display: run-in' elements.
|
text-transform-applies-to-005 |
|
|
Text-transform application to 'display: inline-block' element
- The 'text-transform' property is applied to 'display: inline-block' elements.
|
text-transform-applies-to-006 |
|
|
Text-transform application to 'display: table' element
- The 'text-transform' property is applied to 'display: table' elements.
|
text-transform-applies-to-007 |
|
|
Text-transform application to 'display: inline-table' element
- The 'text-transform' property is applied to 'display: inline-table' elements.
|
text-transform-applies-to-008 |
|
|
Text-transform application to 'display: table-row-group' element
- The 'text-transform' property is applied to 'display: table-row-group' elements.
|
text-transform-applies-to-009 |
|
|
Text-transform application to 'display: table-header-group' element
- The 'text-transform' property is applied to 'display: table-header-group' elements.
|
text-transform-applies-to-010 |
|
|
Text-transform application to 'display: table-footer-group' element
- The 'text-transform' property is applied to 'display: table-footer-group' elements.
|
text-transform-applies-to-011 |
|
|
Text-transform application to 'display: table-row' element
- The 'text-transform' property is applied to 'display: table-row' elements.
|
text-transform-applies-to-012 |
|
|
Text-transform application to 'display: table-column-group' element
- Verifies that text-transform is not applied to 'display: table-column-group' elements.
|
text-transform-applies-to-013 |
|
|
Text-transform application to 'display: table-column' element
- Verifies that text-transform is not applied to 'display: table-column' elements.
|
text-transform-applies-to-014 |
|
|
Text-transform application to 'display: table-cell' element
- The 'text-transform' property is applied to 'display: table-cell' elements.
|
text-transform-applies-to-015 |
|
|
Text-transform application to 'display: table-caption' element
- The 'text-transform' property is applied to 'display: table-caption' elements.
|
text-transform-bicameral-001 |
|
|
text-transform - Latin1 uppercase
- The UA will uppercase all letters in the Latin 1 set when text-transform is set to uppercase.
|
text-transform-bicameral-002 |
|
|
text-transform - Latin1 lowercase
- The UA will lowercase all letters in the Latin 1 set when text-transform is set to lowercase.
|
text-transform-bicameral-003 |
|
|
text-transform - Unicode Latin, uppercase
- The UA will uppercase all Latin Unicode letters beyond Latin1 when text-transform is set to uppercase.
|
text-transform-bicameral-004 |
|
|
text-transform - Unicode Latin, lowercase
- The UA will lowercase all Latin Unicode letters beyond Latin1 when text-transform is set to lowercase.
|
text-transform-bicameral-005 |
|
|
text-transform - Turkish, uppercase
- When the language is declared to be Turkish, the UA will use Turkish-specific rules when text-transform is set to uppercase.
|
text-transform-bicameral-006 |
|
|
text-transform - Turkish, lowercase
- When the language is declared to be Turkish, the UA will use Turkish-specific rules when text-transform is set to lowercase.
|
text-transform-bicameral-007 |
|
|
text-transform - Greek, uppercase
- The UA will uppercase Unicode Greek when text-transform is set to uppercase.
|
text-transform-bicameral-008 |
|
|
text-transform - Greek, lowercase
- The UA will lowercase Unicode Greek when text-transform is set to lowercase.
|
text-transform-bicameral-009 |
|
|
text-transform - Coptic, uppercase
- The UA will uppercase Unicode Coptic when text-transform is set to uppercase.
|
text-transform-bicameral-010 |
|
|
text-transform - Coptic, lowercase
- The UA will lowercase Unicode Coptic when text-transform is set to lowercase.
|
text-transform-bicameral-011 |
|
|
text-transform - Cyrillic, uppercase
- The UA will uppercase Unicode Cyrillic when text-transform is set to uppercase.
|
text-transform-bicameral-012 |
|
|
text-transform - Cyrillic, lowercase
- The UA will lowercase Unicode Cyrillic when text-transform is set to lowercase.
|
text-transform-bicameral-013 |
|
|
text-transform - Armenian, uppercase
- The UA will uppercase Unicode Armenian when text-transform is set to uppercase.
|
text-transform-bicameral-014 |
|
|
text-transform - Armenian, lowercase
- The UA will lowercase Unicode Armenian when text-transform is set to lowercase.
|
text-transform-bicameral-015 |
|
|
text-transform - Roman numerals, uppercase
- The UA will uppercase Unicode Roman numerals when text-transform is set to uppercase.
|
text-transform-bicameral-016 |
|
|
text-transform - Roman numerals, lowercase
- The UA will lowercase Unicode Roman numerals when text-transform is set to lowercase.
|
text-transform-bicameral-017 |
|
|
text-transform - Circled Latin, uppercase
- The UA will uppercase Unicode Circled Latin when text-transform is set to uppercase.
|
text-transform-bicameral-018 |
|
|
text-transform - Circled Latin, lowercase
- The UA will lowercase Unicode Circled Latin when text-transform is set to lowercase.
|
text-transform-bicameral-019 |
|
|
text-transform - Full-width Latin, uppercase
- The UA will uppercase Unicode Full-width Latin when text-transform is set to uppercase.
|
text-transform-bicameral-020 |
|
|
text-transform - Full-width Latin, lowercase
- The UA will lowercase Unicode Full-width Latin when text-transform is set to lowercase.
|
text-transform-bicameral-021 |
|
|
text-transform - Deseret, uppercase
- The UA will uppercase Unicode Deseret characters when text-transform is set to uppercase.
|
text-transform-bicameral-022 |
|
|
text-transform - Deseret, lowercase
- The UA will lowercase Unicode Deseret characters when text-transform is set to lowercase.
|
text-transform-capitalize-001 |
= |
|
text-transform
|
text-transform-capitalize-002 |
= |
|
text-transform
|
text-transform-capitalize-003 |
= |
|
text-transform
|
text-transform-lowercase-001 |
= |
|
text-transform
|
text-transform-unicase-001 |
|
|
Text-transform and unicase scripts
- Verifies that text-transform does not capitalize a unicase script.
|
text-transform-uppercase-001 |
= |
|
text-transform
|
text-transform-uppercase-002 |
= |
|
text-transform szlig
|
+
16.6 Whitespace: the 'white-space' property
|
c562-white-sp-000 |
|
AhemBitmaps |
white-space
|
white-space-001 |
|
Ahem |
White-space set to 'normal'
- The 'white-space' property set to 'normal' removes extra spacing when more than one space is next to another.
|
white-space-002 |
|
Ahem |
White-space set to 'pre'
- The 'white-space' property set to 'pre' does not remove extra spacing when more than one space is next to another.
|
white-space-003 |
|
Ahem |
White-space set to 'nowrap'
- The 'white-space' property set to 'nowrap' removes extra spacing when more than one space is next to another. And the text does not wrap when width is constrained.
|
white-space-004 |
|
Ahem |
White-space set to 'pre-wrap'
- The 'white-space' property set to 'pre-wrap' does not remove extra spacing when two spaces are next to each other and introduces line breaking opportunities.
|
white-space-005 |
|
Ahem |
White-space set to 'pre-line'
- The 'white-space' property set to 'pre-line' does remove extra spacing when two spaces are next to each other and breaks at new lines.
|
white-space-006 |
|
Ahem |
White-space set to 'inherit'
- The 'white-space' property set to 'inherit' causes the element to use its parent's white-space value.
|
white-space-007 |
|
Ahem |
white-space
- 'white-space: normal' and 'white-space: nowrap' should collapse sequences of white space. Regarding wrapping, line breaking opportunities are determined on the text prior to white space collapsing steps.
|
white-space-008 |
|
|
white-space - pre and newlines in source
- Newlines in source must be preserved with 'white-space: pre'
|
white-space-applies-to-001 |
|
Ahem |
White-space application to 'display: inline' element
- The 'white-space' property applies to 'display: inline' elements.
|
white-space-applies-to-002 |
|
Ahem |
White-space application to 'display: block' element
- The 'white-space' property applies to 'display: block' elements.
|
white-space-applies-to-003 |
|
Ahem |
White-space application to 'display: list-item' element
- The 'white-space' property applies to display: list-item elements.
|
white-space-applies-to-004 |
|
Ahem |
White-space application to 'display: run-in' element
- The 'white-space' property applies to 'display: run-in' elements.
|
white-space-applies-to-005 |
|
Ahem |
White-space application to 'display: inline-block' element
- The 'white-space' property applies to 'display: inline-block' elements.
|
white-space-applies-to-006 |
|
Ahem |
White-space application to 'display: table' element
- The 'white-space' property applies to 'display: table' elements.
|
white-space-applies-to-007 |
|
Ahem |
White-space application to 'display: inline-table' element
- The 'white-space' property applies to 'display: inline-table' elements.
|
white-space-applies-to-008 |
|
Ahem |
White-space application to 'display: table-row-group' element
- The 'white-space' property applies to 'display: table-row-group' elements.
|
white-space-applies-to-009 |
|
Ahem |
White-space application to 'display: table-header-group' element
- The 'white-space' property applies to 'display: table-header-group' elements.
|
white-space-applies-to-010 |
|
Ahem |
White-space application to 'display: table-footer-group' element
- The 'white-space' property applies to 'display: table-footer-group' elements.
|
white-space-applies-to-011 |
|
Ahem |
White-space application to 'display: table-row' element
- The 'white-space' property applies to 'display: table-row' elements.
|
white-space-applies-to-012 |
|
Ahem |
White-space application to 'display: table-column-group' element
- The 'white-space' property is not applied to 'display: table-column-group' elements.
|
white-space-applies-to-013 |
|
Ahem |
White-space application to 'display: table-column' element
- The 'white-space' property is not applied to 'display: table-column' elements.
|
white-space-applies-to-014 |
|
Ahem |
White-space application to 'display: table-cell' element
- The 'white-space' property applies to 'display: table-cell' elements.
|
white-space-applies-to-015 |
|
Ahem |
White-space application to 'display: table-caption' element
- The 'white-space' property applies to 'display: table-caption' elements.
|
white-space-bidirectionality-001 |
|
|
White-space and bidirectionality (example from spec)
- The white space processing model does not take bidi into account for the first half of the processing model but does for the second half.
|
white-space-generated-content-before-001 |
|
|
White-space 'pre-line' vs. ':before' assignment
- The ':before' assignment and 'white-space: pre-line' assignment behave the same way with respect to white space.
|
white-space-nowrap-attribute-001 |
|
|
White-space 'nowrap' vs. 'nowrap' attribute
- The 'nowrap' attribute and 'white-space: nowrap' assignment behave the same way with respect to white space.
|
white-space-p-element-001 |
|
|
White-space 'normal' vs. 'p' element
- The 'p' element and 'white-space: normal' assignment behave the same way with respect to white space.
|
white-space-pre-element-001 |
|
|
White-space 'pre' vs. 'pre' element
- The 'pre' element and 'white-space: pre' assignment behave the same way with respect to white space.
|
+
16.6.1 The 'white-space' processing model
|
bidi-001 |
|
|
The bidi algorithm and inlines in CSS
|
bidi-003 |
|
|
The bidi algorithm and inlines in CSS
|
bidi-004 |
|
|
The bidi algorithm and inlines in CSS
|
inlines-016 |
|
Ahem |
Inline box model: space collapsing, padding, white-space, et al
- If a space (U+0020) at the beginning of a line has 'white-space' set to 'normal', then it is removed, even if there's padding.
|
line-breaking-bidi-001 |
|
|
Line breaking and the bidi algorithm
|
line-breaking-bidi-002 |
|
|
Line breaking and the bidi algorithm (with hebrew character)
|
line-breaking-bidi-003 |
|
|
Line breaking and the bidi algorithm (no breaks)
|
white-space-007 |
|
Ahem |
white-space
- 'white-space: normal' and 'white-space: nowrap' should collapse sequences of white space. Regarding wrapping, line breaking opportunities are determined on the text prior to white space collapsing steps.
|
white-space-collapsing-001 |
|
|
white-space normal: collapsing through padding, borders, margins
|
white-space-collapsing-002 |
|
|
white-space normal: collapsing through padding, borders, margins
|
white-space-collapsing-003 |
|
|
white-space normal: collapsing at line edges
|
white-space-collapsing-004 |
|
|
white-space normal: simple tests
|
white-space-collapsing-005 |
|
|
white-space normal: simple tests
|
white-space-collapsing-bidi-003 |
|
|
Trailing spaces in table cells
|
white-space-collapsing-breaks-001 |
|
|
Line Breaking in Collapsed White Space
- Line break opportunities are determined before white space collapsing.
|
white-space-mixed-001 |
|
|
white-space: mixed tests
|
white-space-mixed-002 |
|
|
white-space: mixed tests (simple)
|
white-space-mixed-003 |
|
|
white-space: mixed tests (simple)
|
white-space-mixed-004 |
|
AhemInteract |
white-space: mixed tests
|
white-space-normal-001 |
|
|
white-space normal: simple tests
|
white-space-normal-002 |
|
|
white-space normal: simple tests
|
white-space-normal-003 |
|
|
white-space normal: UNICODE space characters
|
white-space-normal-004 |
|
|
white-space normal: UNICODE space characters with inline elements
|
white-space-normal-005 |
|
|
white-space normal: zero width non-breaking space
|
white-space-normal-006 |
|
|
white-space normal: zero width non-breaking space
|
white-space-normal-007 |
|
|
white-space normal: zero width non-breaking space
|
white-space-normal-008 |
|
|
white-space normal: zero width non-breaking space
|
white-space-normal-009 |
|
|
white-space normal: zero width non-breaking space
|
white-space-nowrap-001 |
|
|
white-space nowrap: basic test
|
white-space-nowrap-005 |
|
|
white-space nowrap: zero width non-breaking space
|
white-space-nowrap-006 |
|
|
white-space nowrap: zero width non-breaking space
|
white-space-pre-001 |
|
|
white-space pre: simple tests
|
white-space-pre-002 |
|
|
white-space pre: simple tests
|
white-space-pre-005 |
|
|
white-space pre: zero width non-breaking space
|
white-space-pre-006 |
|
|
white-space pre: zero width non-breaking space
|
white-space-pre-007 |
|
|
white-space and word-spacing
|
white-space-processing-001 |
|
Ahem |
Block level elements with text and white space
- Text within a block element is treated like an anonymous inline element for white space processing model.
|
white-space-processing-002 |
|
AhemOptional |
White-space 'normal' with tab adjoining linefeed
- A tab before a linefeed is removed if 'white-space' is set to 'normal'. The linefeed may be rendered as a space or not rendered.
|
white-space-processing-003 |
|
AhemOptional |
White-space 'nowrap' with tab adjoining linefeed
- A tab before a linefeed is removed if 'white-space' is set to 'nowrap'. The linefeed may be rendered as a space or not rendered.
|
white-space-processing-004 |
|
AhemOptional |
White-space 'pre-line' with tab adjoining linefeed
- A tab before a linefeed is removed if 'white-space' is set to 'pre-line'. The linefeed may be rendered as a space or not rendered.
|
white-space-processing-005 |
|
AhemOptional |
White-space 'normal' with carriage return adjoining linefeed
- A carriage return before a linefeed is removed if 'white-space' is set to 'normal'. The linefeed may be rendered as a space or not rendered.
|
white-space-processing-006 |
|
AhemOptional |
White-space 'nowrap' with carriage return adjoining linefeed
- A carriage return before a linefeed is removed if 'white-space' is set to 'nowrap'. The linefeed may be rendered as a space or not rendered.
|
white-space-processing-007 |
|
AhemOptional |
White-space 'pre-line' with carriage return adjoining linefeed
- A carriage return before a linefeed is removed if 'white-space' is set to 'pre-line'. The linefeed may be rendered as a space or not rendered.
|
white-space-processing-008 |
|
AhemOptional |
White-space 'normal' with space adjoining linefeed
- A space before a linefeed is removed if 'white-space' is set to 'normal'. The linefeed may be rendered as a space or not rendered.
|
white-space-processing-009 |
|
AhemOptional |
White-space 'nowrap' with space adjoining linefeed
- A space before a linefeed is removed if 'white-space' is set to 'nowrap'. The linefeed may be rendered as a space or not rendered.
|
white-space-processing-010 |
|
AhemOptional |
White-space 'pre-line' with space adjoining linefeed
- A space before a linefeed is removed if 'white-space' is set to 'pre-line'. The linefeed may be rendered as a space or not rendered.
|
white-space-processing-011 |
|
Ahem |
White-space 'pre' with sequence of spaces
- A sequence of spaces are not collapsed when 'white-space' is set to 'pre'.
|
white-space-processing-012 |
|
Ahem |
White-space 'pre-wrap' with sequence of spaces
- Sequence of spaces are not collapsed when 'white-space' is set to 'pre-wrap'.
|
white-space-processing-013 |
|
Ahem |
White-space 'pre-wrap' and line opportunity with sequence of spaces
- A line breaking opportunity is introduced at the end of a sequence of spaces when 'white-space' is set to 'pre-wrap'.
|
white-space-processing-014 |
|
AhemOptional |
White-space 'normal' and linefeed characters
- Linefeed characters are transformed into spaces, zero-width space, or not rendered when 'white-space' is set to 'normal'.
|
white-space-processing-015 |
|
Ahem |
White-space 'nowrap' and linefeed characters
- Linefeed characters are transformed into spaces, zero-width space, or not rendered when 'white-space' is set to 'nowrap'.
|
white-space-processing-016 |
|
Ahem |
White-space 'pre' and linefeed characters
- Linefeed characters are not transformed when 'white-space' is set to 'pre'.
|
white-space-processing-017 |
|
Ahem |
White-space 'pre-line' and linefeed characters
- Linefeed characters are not transformed when 'white-space' is set to 'pre-line'.
|
white-space-processing-018 |
|
Ahem |
White-space 'pre-wrap' and linefeed characters
- Linefeed characters are not transformed when 'white-space' is set to 'pre-wrap'.
|
white-space-processing-019 |
|
Ahem |
White-space 'normal' and tabs
- Tabs are converted to spaces when 'white-space' is set to 'normal'.
|
white-space-processing-020 |
|
Ahem |
White-space 'nowrap' and tabs
- Tabs are converted to spaces when 'white-space' is set to 'nowrap'.
|
white-space-processing-021 |
|
Ahem |
White-space 'pre-line' and tabs
- Tabs are converted to spaces when 'white-space' is set to 'pre-line'.
|
white-space-processing-022 |
|
Ahem |
White space processing model with 'space' characters
- One space with 'white-space' set to 'normal' adjoining a space with 'white-space' set to 'normal' collapse into one space.
|
white-space-processing-023 |
|
Ahem |
Two spaces adjoining with 'white-space' 'normal'/'nowrap'
- One space with 'white-space' set to 'normal' adjoining a space with 'white-space' set to 'nowrap' collapse into one space.
|
white-space-processing-024 |
|
Ahem |
Two spaces adjoining with 'white-space' 'normal'/'pre-line'
- One space with 'white-space' set to 'normal' adjoining a space with 'white-space' set to 'pre-line' collapse into one space.
|
white-space-processing-025 |
|
Ahem |
Two spaces adjoining with 'white-space' 'nowrap'/'normal'
- One space with 'white-space' set to 'nowrap' adjoining a space with 'white-space' set to 'normal' collapse into one space.
|
white-space-processing-026 |
|
Ahem |
Two spaces adjoining with 'white-space' 'nowrap'/'nowrap'
- One space with 'white-space' set to 'nowrap' adjoining a space with 'white-space' set to 'nowrap' collapse into one space.
|
white-space-processing-027 |
|
Ahem |
Two spaces adjoining with 'white-space' 'nowrap'/'pre-line'
- One space with 'white-space' set to 'nowrap' adjoining a space with 'white-space' set to 'pre-line' collapse into one space.
|
white-space-processing-028 |
|
Ahem |
Two spaces adjoining with 'white-space' 'pre-line'/'normal'
- One space with 'white-space' set to 'pre-line' adjoining a space with 'white-space' set to 'normal' collapse into one space.
|
white-space-processing-029 |
|
Ahem |
Two spaces adjoining with 'white-space' 'pre-line'/'nowrap'
- One space with 'white-space' set to 'pre-line' adjoining a space with 'white-space' set to 'nowrap' collapse into one space.
|
white-space-processing-030 |
|
Ahem |
Two spaces adjoining with 'white-space' 'pre-line'/'pre-line'
- One space with 'white-space' set to 'pre-line' adjoining a space with 'white-space' set to 'pre-line' collapse into one space.
|
white-space-processing-031 |
|
Ahem |
Two spaces adjoining with 'white-space' 'normal'/'pre'
- One space with 'white-space' set to 'normal' adjoining a space with 'white-space' set to 'pre' remain two spaces.
|
white-space-processing-032 |
|
Ahem |
Two spaces adjoining with 'white-space' 'normal'/'pre-wrap'
- One space with 'white-space' set to 'normal' adjoining a space with 'white-space' set to 'pre-wrap' remain two spaces.
|
white-space-processing-033 |
|
Ahem |
Two spaces adjoining with 'white-space' 'nowrap'/'pre'
- One space with 'white-space' set to 'nowrap' adjoining a space with 'white-space' set to 'pre' remain two spaces.
|
white-space-processing-034 |
|
Ahem |
Two spaces adjoining with 'white-space' 'nowrap'/'pre-wrap'
- One space with 'white-space' set to 'nowrap' adjoining a space with 'white-space' set to 'pre-wrap' remain two spaces.
|
white-space-processing-035 |
|
Ahem |
Two spaces adjoining with 'white-space' 'pre-line'/'pre'
- One space with 'white-space' set to 'pre-line' adjoining a space with 'white-space' set to 'pre' retain two spaces.
|
white-space-processing-036 |
|
Ahem |
Two spaces adjoining with 'white-space' 'pre-line'/'pre-wrap'
- One space with 'white-space' set to 'pre-line' adjoining a space with 'white-space' set to 'pre-wrap' retain two spaces.
|
white-space-processing-037 |
|
Ahem |
White-space 'normal' and space at beginning of line
- Space at beginning of line is removed when 'white-space' is set to 'normal'.
|
white-space-processing-038 |
|
Ahem |
White-space 'nowrap' and space at beginning of line
- Space at beginning of line is removed when 'white-space' is set to 'nowrap'.
|
white-space-processing-039 |
|
Ahem |
White-space 'pre-line' and space at beginning of line
- Space at beginning of line is removed when 'white-space' is set to 'pre-line'.
|
white-space-processing-040 |
|
Ahem |
White-space 'pre-wrap' and space at beginning of line
- Space at beginning of line is not removed when 'white-space' is set to 'pre-wrap'.
|
white-space-processing-041 |
|
Ahem |
White-space 'pre' and space at beginning of line
- Space at beginning of line is not removed when 'white-space' is set to 'pre'.
|
white-space-processing-042 |
|
Ahem |
Tab width
- Tabs (when rendered) render spaces at 8 character stops. That is, within a line, split the line into 8 character lengths. The tab would continue until the end of the next length. So if there are already 3 characters in a line, the tab would be rendered as 5 spaces.
|
white-space-processing-043 |
|
Ahem |
White-space 'normal' and space at end of line
- Space is removed at the end of the line when 'white-space' is set to 'normal'.
|
white-space-processing-044 |
|
Ahem |
White-space 'nowrap' and space at end of line
- Space is removed at the end of the line when 'white-space' is set to 'nowrap'.
|
white-space-processing-045 |
|
Ahem |
White-space 'pre-line' and space at end of line
- Space is removed at the end of the line when 'white-space' is set to 'pre-line'.
|
white-space-processing-046 |
|
Ahem |
White-space 'pre' and space at end of line
- Space is not removed at the end of the line when 'white-space' is set to 'pre'.
|
white-space-processing-047 |
|
Ahem |
White-space 'pre-wrap' and space at end of line
- Space is not removed at the end of the line when 'white-space' is set to 'pre-wrap'.
|
white-space-processing-048 |
|
Ahem |
Floats and line opportunity with 'white-space'
- A line breaking opportunity is not introduced with floats.
|
white-space-processing-049 |
|
Ahem |
Floats and line-breaking opportunities with 'white-space'
- A line breaking opportunity is not introduced with an absolutely positioned element.
|
white-space-processing-050 |
|
Ahem |
White-space 'normal' on a 'pre' element
- The 'white-space' property set to 'normal' removes extra spacing when two spaces are next to each other when set on 'pre' element.
|
white-space-processing-051 |
|
Ahem |
White-space 'nowrap' on a 'pre' element
- The 'white-space' property set to 'nowrap' does not remove extra spacing when two spaces are next to each other.
|
white-space-processing-052 |
|
Ahem |
White-space 'pre-wrap' on a 'pre' element
- The 'white-space' property set to 'pre-wrap' does not remove extra spacing when two spaces are next to each other and introduces line breaking opportunities when set on a 'pre' element.
|
white-space-processing-053 |
|
Ahem |
White-space 'pre-line' on a 'pre' element
- The 'white-space' property set to 'pre-line' does remove extra spacing when two spaces are next to each other and breaks at new lines when set on a 'pre' element.
|
white-space-processing-054 |
|
Ahem |
White space processing model with 'en quad' characters
- An 'en quad' characters is not collapsed by the white space processing model.
|
white-space-processing-055 |
|
Ahem |
White space processing model with 'zero width no break space' character
- A 'zero width no break space' character is not collapsed by the white space processing model.
|
white-space-processing-056 |
|
Ahem |
White space processing model with 'ideographic space' character
- The 'ideographic space' character is not collapsed by the white space processing model.
|
white-space-processing-057 |
|
AhemOptional |
White-space 'pre-wrap' and tab at end of line
- A tab at end of line may be removed when 'white-space' is set to 'pre-wrap'.
|
white-space-processing-058 |
|
AhemOptional |
White-space 'pre-wrap' and space at end of line before following inline element
- A space at end of line may be removed when 'white-space' is set to 'pre-wrap'.
|