CSS Pseudo-Elements Module Level 4 Test Suite

Typographic Pseudo-elements (40 tests)

Test Refs Flags Info
+ 2 Typographic Pseudo-elements
+ 2.1 The ::first-line pseudo-element
display-contents-first-line-001 = CSS Display: display:contents and ::first-line
display-contents-first-line-002 = CSS Display: display:contents and ::first-line inheritance
first-line-and-marker = Interaction of ::first-line and ::marker
  • Tests ::marker interaction with ::first-line pseudo element
first-line-and-placeholder = Interaction of ::first-line and ::placeholder
  • Tests ::placeholder interaction with ::first-line pseudo element
first-line-change-inline-color =
first-line-change-inline-color-nested =
first-line-first-letter-insert-crash Script Should not crash when inserting an element inside a :first-line pseudo.
first-line-on-ancestor-block =
first-line-with-out-of-flow = ::first-line with out of flow
first-line-with-out-of-flow-and-nested-div = ::first-line with out of flow and nested div
first-line-with-out-of-flow-and-nested-span = ::first-line with out of flow and nested span
+ 2.1.1 Finding the First Formatted Line
first-line-with-inline-block =
+ 2.1.2 Styling the First Line Pseudo-element
first-line-allowed-properties Script Properties allowed on ::first-line pseudo elements
first-line-bidi-001 = ::first-line selector with bidi content
  • The use of ::first-line should not disrupt bidi layout.
first-line-bidi-002 = ::first-line selector with bidi content
  • The use of ::first-line should not disrupt bidi layout.
first-line-opacity-001 = ::first-line supports opacity.
floating-first-letter-05d0 = Drop cap with U+05D0 in the document
  • The text placement within :first-line should not be affected by later presence of a right-to-left character.
floating-first-letter-feff = Drop cap with U+FEFF in the document
  • The text placement within :first-line should not be affected by later presence of U+FEFF.
placeholder-excluded-properties = ::placeholder should not support 'writing-mode', 'direction', and 'text-orientation'
+ 2.1.3 Inheritance and the ::first-line Pseudo-element
linear-gradient-currentcolor-first-line = linear-gradient() with currentcolor on ::first-line
+ 2.2 The ::first-letter pseudo-element
combining-characters-002 Combining characters and styling
  • The combined characters are styled as one character. (according to css3, the styling of a typographical ccharacter unit split by an element boundary is undefined. However, this test is still fine because ::first-letter selects the whole character unit.)
display-contents-first-letter-001 = CSS Display: display:contents and ::first-letter
display-contents-first-letter-002 = CSS Display: display:contents and ::first-letter inheritance
first-letter-004 = ::first-letter formatting
  • Test checks that punctuation and letters with combining characters still have proper ::first-letter styling.
first-letter-005 = ::first-letter formatting
  • Checks that symbols such as currency signs have proper ::first-letter styling.
first-letter-and-sibling-display-change = Changing ::first-letter color while sibling changes display type.
first-letter-block-to-inline = ::first-letter stops applying to element becoming inline.
first-letter-punctuation-and-space = ::first-letter formatting
  • Test checks that punctuation, intervening space separators and letters still have proper ::first-letter styling.
+ 2.2.1 Finding the First Letter
+ 2.2.2 Styling the ::first-letter Pseudo-element
background-image-007 = ::first-letter with multiple background images
  • This test checks that 'background-image' applies to ::first-letter pseudo-element and that, in case of multiple background images, the first specified one must be on top (closest to the user).
ch-pseudo-recalc-on-font-load Script Length unit 'ch' used in pseudo elements should be recalculated after loading a web font
first-letter-001 = ::first-letter formatting
  • Test checks that a floated ::first-letter follows the usual formating rules for floats.
first-letter-002 = ::first-letter formatting
  • Test checks that a floated ::first-letter is formatted identically to a floated non-pseudo element with the same content.
first-letter-003 = ::first-letter formatting
  • Test checks that a floated ::first-letter is formatted identically to a floated non-pseudo element with the same content.
first-letter-allowed-properties Script Properties allowed on ::first-letter pseudo elements
first-letter-and-whitespace = White-spaces around floated ::first-letter
  • Test checks that white-spaces are correctly rendered for floated ::first-letter changes
first-letter-background-image = ::first-letter correctly applies background-image
first-letter-background-image-dynamic = ::first-letter correctly applies background-image dynamically
first-letter-opacity-001 = ::first-letter supports opacity.
first-letter-opacity-float-001 = floating ::first-letter with opacity
  • Test checks that a floated ::first-letter with opacity is rendered correctly with dynamic changes.
first-letter-width = initial-letter width test
  • The width of an element with first-letter styling should render correctly.