WeasySuite - 16.3.1 Underlining, overlining, striking, and blinking: the 'text-decoration' property

Chapter 16 - Text - 16.3.1 Underlining, overlining, striking, and blinking: the 'text-decoration' property

Go to the relevant page of the specification.

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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): Text-decoration set to 'line-through blink'
The 'text-decoration' property set to 'line-through blink' renders the appropriate decorations.
text-decoration-014 (animated, may): Text-decoration set to 'blink underline'
The 'text-decoration' property set to 'blink underline' renders the appropriate decorations.
text-decoration-015 (animated, may): Text-decoration set to 'blink overline'
The 'text-decoration' property set to 'blink overline' renders the appropriate decorations.
text-decoration-016 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): Text-decoration set to 'underline blink overline'
The 'text-decoration' property set to 'underline blink overline' renders the appropriate decorations.
text-decoration-022 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): Text-decoration set to 'overline blink underline'
The 'text-decoration' property set to 'overline blink underline' renders the appropriate decorations.
text-decoration-028 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): Text-decoration set to 'blink underline overline'
The 'text-decoration' property set to 'blink underline overline' renders the appropriate decorations.
text-decoration-036 (animated, may): 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 (animated, may): Text-decoration set to 'blink overline underline'
The 'text-decoration' property set to 'blink overline underline' renders the appropriate decorations.
text-decoration-038 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (animated, may): 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 (image): 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.