CSS2.1 Test Suite

Text (603 tests)

Test Refs Flags Info
+ 16.1 Indentation: the 'text-indent' property
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-002 direction:rtl - nested unordered list
  • direction:rtl should apply to nested unordered lists, putting bullets on the right and offset leftwards
bidi-list-003 direction:rtl - ordered list
  • direction:rtl should apply to nested ordered lists, putting bullets on the right and offset leftwards
bidi-list-004 text-align: justify and direction:rtl - unordered list
  • text-align: justify should apply to unordered lists in rtl context without affecting their rtlness
bidi-list-005 text-align: left and direction:rtl - unordered list
  • text-align:left should be applied to unordered list in rtl context without affecting its rtlness
bidi-list-006 text-align: right and direction:rtl - unordered list
  • text-align:right should be applied to unordered list in rtl context without affecting its rtlness
bidi-list-007 text-align: center and direction:rtl - unordered list
  • text-align: center should apply to unordered lists in rtl context without affecting their rtlness
bidi-position-fixed-001 position:fixed in rtl context
  • Default horizontal position of position:fixed block should be right in rtl context, and ancestor direction should still be applied inside the block taken out of normal flow
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
outline-019 AhemInteract outline - text-align
  • The outline should be drawn around an object and may be drawn starting just outside the border edge of such object.
outline-020 AhemInteract outline - text-align
  • The outline should be drawn around an object and may be drawn starting just outside the border edge of such object.
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-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-001 Text-align and direction - left and rtl
  • Text-align property should override the default text-align change caused by a switch of direction
text-align-bidi-002 Text-align and direction - nested center and rtl
  • Text-align property should override the default text-align change caused by a switch of direction
text-align-bidi-003 Text-align and direction - nested rtl, center and ltr
  • Text-align property should override the default text-align change caused by a switch of direction
text-align-bidi-004 Text-align and direction - nested center and ltr
  • Text-align property should override the default text-align change caused by a switch of direction
text-align-bidi-005 Text-align and direction - nested rtl, right and ltr
  • Text-align property should override the default text-align change caused by a switch of direction
text-align-bidi-006 Text-align and direction - nested left and rtl
  • Text-align property should override the default text-align change caused by a switch of direction
text-align-bidi-007 direction:rtl and text-align: left
  • Text-align should override default text-align in rtl context
text-align-bidi-008 direction:rtl and text-align: justify
  • Text-align should override default text-align in rtl context
text-align-bidi-009 text-align: justify - implicit rtl text
  • Implicit rtl text should be justified by text-align: justify
text-align-bidi-010 text-align: justify - joined text
  • Joined text should be justified by text-align: justify
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' remains 'justified'.
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' remains 'justified'.
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 Decoration
+ 16.3.1 Underlining, overlining, striking, and blinking: the 'text-decoration' property
bidi-text-decoration-underline-001 text-decoration: none and bidi reordering
  • Underline should span the entire line and not be affected by bidi reordering or no text-decoration on children
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 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 Ahem 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'.
+ 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.
white-space-control-characters-001 Ahem White-space and non white space control characters
  • White space processing model does not affect non white space control characters, in this case the 'Start of string' character.