CSS2.1 Test Suite

Text (581 tests)

Test Refs Flags Info
+ 16.1 Indentation: the 'text-indent' property
c547-indent-000 A text-indent
c547-indent-001 text-indent
text-indent-004 A 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 A Text-indent using pixels with a zero value, 0px
  • Ensure that text-indent 0px adds 0px in front of the text.
text-indent-006 A 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 A Text-indent using pixels with a nominal value, 96px
  • Ensure that text-indent 96px adds 96px in front of the text.
text-indent-008 A 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-016 A 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 A Text-indent using points with a zero value, 0pt
  • Ensure that text-indent 0pt adds 0pt in front of the text.
text-indent-018 A 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 A Text-indent using points with a nominal value, 72pt
  • Ensure that text-indent 72pt adds 72pt in front of the text.
text-indent-020 A 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 A 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 A Text-indent using picas with a zero value, 0pc
  • Ensure that text-indent 0pc adds 0pc in front of the text.
text-indent-030 A 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 A Text-indent using picas with a nominal value, 6pc
  • Ensure that text-indent 6pc adds 6pc in front of the text.
text-indent-032 A 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 A 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 A Text-indent using centimeters with a zero value, 0cm
  • Ensure that text-indent 0cm adds 0cm in front of the text.
text-indent-042 A 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 A 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 A 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 A 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 A Text-indent using millimeters with a zero value, 0mm
  • Ensure that text-indent 0mm adds 0mm in front of the text.
text-indent-054 A 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 A 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 A 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 A 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 A Text-indent using inches with a zero value, 0in
  • Ensure that text-indent 0in adds 0in in front of the text.
text-indent-066 A 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 A Text-indent using inches with a nominal value, 1in
  • Ensure that text-indent 1in adds 1in in front of the text.
text-indent-068 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A Text-indent using percentages with a zero value, 0%
  • The 'text-indent' property sets a zero length value in percentages.
text-indent-102 A 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 A 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 A 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 A 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 A 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 A 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 A Text-indent set to 'inherit'
  • Ensure that text-indent with inherit uses its parent's value for text-indent.
text-indent-applies-to-001 A Text-indent application on a 'display: inline' element
  • The 'text-indent' property is not applied to 'display: inline' elements.
text-indent-applies-to-002 A Text-indent application on a 'display: block' element
  • The 'text-indent' property is applied to 'display: block' elements.
text-indent-applies-to-003 A 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 A 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 A 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 A Text-indent application on a 'display: table' element
  • The 'text-indent' property is applied to 'display: table' elements.
text-indent-applies-to-007 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A Text-indent application on a 'display: table-caption' element
  • The 'text-indent' property is applied to 'display: table-caption' elements.
text-indent-inherited-001 A 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-min = Test for intrinsic widths and text-indent (intrinsic-min)
text-indent-intrinsic-pref = Test for intrinsic widths and text-indent (intrinsic-pref)
text-indent-multiple-line = = text-indent test (multiple-line)
text-indent-negative-intrinsic-min = Test for intrinsic widths and negative text-indent (negative-intrinsic-min)
text-indent-negative-intrinsic-pref = 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 A 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 A 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-rtl-001 A 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 A Text-indent with negative value
  • The 'text-indent' property with negative values with direction rtl indent to the right.
text-indent-single-line-0 = text-indent test (single-line-0)
text-indent-single-line-100 = text-indent test (single-line-100)
text-indent-single-line-indent-inline = = text-indent test (single-line-indent-inline)
text-indent-single-line-percent = text-indent test (single-line-percent)
+ 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 AG Replaced Elements
c546-txt-align-000 text-align
c5502-mrgn-r-000 AG margin-right
c5504-mrgn-l-000 AG margin-left
c5507-padn-r-000 AG padding-right
c5507-padn-r-001 A padding-right
c5509-padn-l-000 AG padding-left
c5509-padn-l-001 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 Decoration
+ 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 M 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 M 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 M 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 M Text-decoration set to 'line-through blink'
  • The 'text-decoration' property set to 'line-through blink' renders the appropriate decorations.
text-decoration-014 M Text-decoration set to 'blink underline'
  • The 'text-decoration' property set to 'blink underline' renders the appropriate decorations.
text-decoration-015 M Text-decoration set to 'blink overline'
  • The 'text-decoration' property set to 'blink overline' renders the appropriate decorations.
text-decoration-016 M 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 M 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 M 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 M Text-decoration set to 'underline blink overline'
  • The 'text-decoration' property set to 'underline blink overline' renders the appropriate decorations.
text-decoration-022 M 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 M 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 M 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 M Text-decoration set to 'overline blink underline'
  • The 'text-decoration' property set to 'overline blink underline' renders the appropriate decorations.
text-decoration-028 M 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 M 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 M 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 M 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 M 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 M Text-decoration set to 'blink underline overline'
  • The 'text-decoration' property set to 'blink underline overline' renders the appropriate decorations.
text-decoration-036 M 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 M Text-decoration set to 'blink overline underline'
  • The 'text-decoration' property set to 'blink overline underline' renders the appropriate decorations.
text-decoration-038 M 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 M 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 M 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 M 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 M 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 M 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 M 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 M 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 M 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 M 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 M 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 M 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 M 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 M 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 M 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 M 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 M 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 M 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 M 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 M 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 M 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 M 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 M 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 M 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 M 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 M 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 M 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 M 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 G 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.
text-decoration-visibility-001 text-decoration:underline - visibility:hidden 1
  • Inline element with 'visibility:hidden' must not prevent a text-decoration value being applied to the line box
text-decoration-visibility-002 text-decoration:underline - visibility:hidden 2
  • Inline element with 'visibility:hidden' must not prevent a text-decoration value being applied to the line box
text-decoration-visibility-003 text-decoration:underline - visibility:hidden 3
  • Inline element with 'visibility:hidden' must not prevent a text-decoration value being applied to the line box
text-decoration-visibility-004 text-decoration:underline - visibility:hidden 4
  • Inline element with 'visibility:hidden' must not prevent a text-decoration value being applied to the line box
text-decoration-visibility-005 text-decoration:overline - visibility:hidden 5
  • Inline element with 'visibility:hidden' must not prevent a text-decoration value being applied to the line box
text-decoration-visibility-006 text-decoration:overline - visibility:hidden 6
  • Inline element with 'visibility:hidden' must not prevent a text-decoration value being applied to the line box
text-decoration-visibility-007 text-decoration:overline - visibility:hidden 7
  • Inline element with 'visibility:hidden' must not prevent a text-decoration value being applied to the line box
text-decoration-visibility-008 text-decoration:overline - visibility:hidden 8
  • Inline element with 'visibility:hidden' must not prevent a text-decoration value being applied to the line box
text-decoration-visibility-009 text-decoration:line-through - visibility:hidden 9
  • Inline element with 'visibility:hidden' must not prevent a text-decoration value being applied to the line box
text-decoration-visibility-010 text-decoration:line-through - visibility:hidden 10
  • Inline element with 'visibility:hidden' must not prevent a text-decoration value being applied to the line box
text-decoration-visibility-011 text-decoration:line-through - visibility:hidden 11
  • Inline element with 'visibility:hidden' must not prevent a text-decoration value being applied to the line box
text-decoration-visibility-012 text-decoration:line-through - visibility:hidden 12
  • Inline element with 'visibility:hidden' must not prevent a text-decoration value being applied to the line box
+ 16.4 Letter and word spacing: the 'letter-spacing' and 'word-spacing' properties
c541-word-sp-000 A word-spacing
c541-word-sp-001 A word-spacing
c542-letter-sp-000 A letter-spacing
c542-letter-sp-001 A letter-spacing
letter-spacing-004 A 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 A Letter-spacing using pixels with a zero value, 0px
  • The 'letter-spacing' property sets a zero length value in pixels.
letter-spacing-006 A 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 A Letter-spacing using pixels with a nominal value, 96px
  • The 'letter-spacing' property sets a nominal length value in pixels.
letter-spacing-008 A 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 A 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 A Letter-spacing using points with a zero value, 0pt
  • The 'letter-spacing' property sets a zero length value in points.
letter-spacing-018 A 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 A Letter-spacing using points with a nominal value, 72pt
  • The 'letter-spacing' property sets a nominal length value in points.
letter-spacing-020 A 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 A 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 A Letter-spacing using picas with a zero value, 0pc
  • The 'letter-spacing' property sets a zero length value in picas.
letter-spacing-030 A 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 A Letter-spacing using picas with a nominal value, 6pc
  • The 'letter-spacing' property sets a nominal length value in picas.
letter-spacing-032 A 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 A 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 A Letter-spacing using centimeters with a zero value, 0cm
  • The 'letter-spacing' property sets a zero length value in centimeters.
letter-spacing-042 A 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 A Letter-spacing using centimeters with a nominal value, 2.54cm
  • The 'letter-spacing' property sets a nominal length value in centimeters.
letter-spacing-044 A 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 A 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 A Letter-spacing using millimeters with a zero value, 0mm
  • The 'letter-spacing' property sets a zero length value in millimeters.
letter-spacing-054 A 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 A Letter-spacing using millimeters with a nominal value, 25.4mm
  • The 'letter-spacing' property sets a nominal length value in millimeters.
letter-spacing-056 A 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 A 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 A Letter-spacing using inches with a zero value, 0in
  • The 'letter-spacing' property sets a zero length value in inches.
letter-spacing-066 A 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 A Letter-spacing using inches with a nominal value, 1in
  • The 'letter-spacing' property sets a nominal length value in inches.
letter-spacing-068 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A Letter-spacing application on a 'display: inline' element
  • The 'letter-spacing' property is applied to 'display: inline' elements.
letter-spacing-applies-to-002 A Letter-spacing application on a 'display: block' element
  • The 'letter-spacing' property is applied to 'display: block' elements.
letter-spacing-applies-to-003 A 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 A 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 A 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 A Letter-spacing application on a 'display: table' element
  • The 'letter-spacing' property is applied to 'display: table' elements.
letter-spacing-applies-to-007 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A Letter-spacing application on a 'display: table-caption' element
  • The 'letter-spacing' property is applied to 'display: table-caption' elements.
letter-spacing-justify-001 A Letter-spacing and 'text-align: justify'
  • The letter-spacing is not changed when combined with 'text-align: justify'.
word-spacing-004 A 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 A Word-spacing using pixels with a zero value, 0px
  • The 'word-spacing' property sets a zero length value in pixels.
word-spacing-006 A 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 A 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 A 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 A 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 A Word-spacing using points with a zero value, 0pt
  • The 'word-spacing' property sets a zero length value in points.
word-spacing-018 A 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 A 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 A 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 A 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 A Word-spacing using picas with a zero value, 0pc
  • The 'word-spacing' property sets a zero length value in picas.
word-spacing-030 A 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 A 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 A 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 A 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 A Word-spacing using centimeters with a zero value, 0cm
  • The 'word-spacing' property sets a zero length value in centimeters.
word-spacing-042 A 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 A 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 A 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 A 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 A Word-spacing using millimeters with a zero value, 0mm
  • The 'word-spacing' property sets a zero length value in millimeters.
word-spacing-054 A 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 A 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 A 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 A 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 A Word-spacing using inches with a zero value, 0in
  • The 'word-spacing' property sets a zero length value in inches.
word-spacing-066 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A Word-spacing set to 'normal'
  • The 'word-spacing' property set to normal does not change spacing between words.
word-spacing-101 A Word-spacing inherit on an element
  • Ensure that word-spacing with inherit uses its parents value for word-spacing.
word-spacing-applies-to-001 A Word-spacing application to 'display: inline' element
  • The 'word-spacing' property applies to 'display: inline' elements.
word-spacing-applies-to-002 A Word-spacing application to 'display: block' element
  • The 'word-spacing' property applies to 'display: block' elements.
word-spacing-applies-to-003 A Word-spacing application to 'display: list-item' element
  • The 'word-spacing' property applies to 'display: list-item' elements.
word-spacing-applies-to-004 A Word-spacing application to 'display: run-in' element
  • The 'word-spacing' property applies to 'display: run-in' elements.
word-spacing-applies-to-005 A Word-spacing application to 'display: inline-block' element
  • The 'word-spacing' property applies to 'display: inline-block' elements.
word-spacing-applies-to-006 A Word-spacing application to 'display: table' element
  • The 'word-spacing' property applies to 'display: table' elements.
word-spacing-applies-to-007 A Word-spacing application to 'display: inline-table' element
  • The 'word-spacing' property applies to 'display: inline-table' elements.
word-spacing-applies-to-008 A 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 A 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 A 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 A Word-spacing application to 'display: table-row' element
  • The 'word-spacing' property applies to 'display: table-row' elements.
word-spacing-applies-to-012 A 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 A 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 A Word-spacing application to 'display: table-cell' element
  • The 'word-spacing' property applies to 'display: table-cell' elements.
word-spacing-applies-to-015 A Word-spacing application to 'display: table-caption' element
  • The 'word-spacing' property applies to 'display: table-caption' elements.
word-spacing-justify-001 A Word-spacing and 'text-align: justify'
  • The word spacing is changed when combined with 'text-align: justify'.
word-spacing-remove-space-001 A Word-spacing and white space with multiple spaces
  • The white space processing removes spaces before 'word-spacing' is applied.
word-spacing-remove-space-002 A 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 A 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 A 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 A 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 A 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 AG 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 AG white-space
white-space-001 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A White-space application to 'display: inline' element
  • The 'white-space' property applies to 'display: inline' elements.
white-space-applies-to-002 A White-space application to 'display: block' element
  • The 'white-space' property applies to 'display: block' elements.
white-space-applies-to-003 A White-space application to 'display: list-item' element
  • The 'white-space' property applies to display: list-item elements.
white-space-applies-to-004 A White-space application to 'display: run-in' element
  • The 'white-space' property applies to 'display: run-in' elements.
white-space-applies-to-005 A White-space application to 'display: inline-block' element
  • The 'white-space' property applies to 'display: inline-block' elements.
white-space-applies-to-006 A White-space application to 'display: table' element
  • The 'white-space' property applies to 'display: table' elements.
white-space-applies-to-007 A White-space application to 'display: inline-table' element
  • The 'white-space' property applies to 'display: inline-table' elements.
white-space-applies-to-008 A 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 A 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 A 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 A White-space application to 'display: table-row' element
  • The 'white-space' property applies to 'display: table-row' elements.
white-space-applies-to-012 A 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 A 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 A White-space application to 'display: table-cell' element
  • The 'white-space' property applies to 'display: table-cell' elements.
white-space-applies-to-015 A 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
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 A 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-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 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 A 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 AM 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 AM 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 AM 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 AM 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 AM 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 AM 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 AM 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 AM 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 AM 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 A 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 A 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 A 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 AM 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 A 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 A White-space 'pre' and linefeed characters
  • Linefeed characters are not transformed when 'white-space' is set to 'pre'.
white-space-processing-017 A White-space 'pre-line' and linefeed characters
  • Linefeed characters are not transformed when 'white-space' is set to 'pre-line'.
white-space-processing-018 A White-space 'pre-wrap' and linefeed characters
  • Linefeed characters are not transformed when 'white-space' is set to 'pre-wrap'.
white-space-processing-019 A White-space 'normal' and tabs
  • Tabs are converted to spaces when 'white-space' is set to 'normal'.
white-space-processing-020 A White-space 'nowrap' and tabs
  • Tabs are converted to spaces when 'white-space' is set to 'nowrap'.
white-space-processing-021 A White-space 'pre-line' and tabs
  • Tabs are converted to spaces when 'white-space' is set to 'pre-line'.
white-space-processing-022 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A 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 A Floats and line opportunity with 'white-space'
  • A line breaking opportunity is not introduced with floats.
white-space-processing-049 A Floats and line-breaking opportunities with 'white-space'
  • A line breaking opportunity is not introduced with an absolutely positioned element.
white-space-processing-050 A 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 A 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 A 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 A 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 A 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 A 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 A 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 AM 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 AM 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'.
+ 16.6.2 Example of bidirectionality with white-space collapsing
white-space-collapsing-bidi-001 White-space collapsing and the bidi algorithm
white-space-collapsing-bidi-002 White-space collapsing and the bidi algorithm (using <dir>)
+ 16.6.3 Control and combining characters' details
combining-characters-002 Combining characters and styling
  • The combined characters are styled as one character.