|
+
16.1 Indentation: the 'text-indent' property
|
|---|
|
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-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-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.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-089 |
|
|
text-decoration with inline 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-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 |
|
DOM/JS |
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-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-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-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-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 |
|
Optional |
The bidi algorithm and inlines in CSS
|
|
bidi-004a |
|
|
Bidi Codes, White space, and Tree structure
- The final order of characters in a block container is the same as if markup had been stripped, consecutive space collapsed in logical order, and the resulting character sequence, including any bidi codes, had been passed to an implementation of the Unicode bidirectional algorithm for plain text that produced the same line-breaks as the styled text.
|
|
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'.
|