sanitize.css: ui test
Display definitions
Elements (article
, aside
, details
, figcaption
, figure
, footer
, header
, main
, menu
, nav
, section
, summary
) display as block
article
details
figcaption
main
summary
Elements (audio
, canvas
, progress
, video
) display as inline-block and vertically align middle
Elements (audio:not([controls])
, template
, [hidden]
) do not display
template
[hidden]
Elements of HTML
Elements (*
) background do not repeat
Elements (*
) box sizing is inherited
Elements (descendants of html
) line height is 1.5
Sections
Level-1 Headings (h1
) maintain font size and margin within Sections
Grouping content
Markups (code
, kbd
, pre
, samp
) font size is the same as surrounding content
<span> <code>
<kbd> <samp> <span>
Horizontal Rules (hr
) are 2px tall with .5em vertical margin
Navigation Lists (nav ol
, nav ul
) do not have list style
Text-level semantics
Abbreviations (abbr[title]
) bottom border is dotted
Bolds (b
and strong
) are bolder
than the surrounding font weight
abcdefgabcdefg
abcdefgabcdefg
abcdefgabcdefg
abcdefgabcdefg
Definitions (dfn
) are italic
Sub and Super Scripts (sub
, sup
) do not change the line height of surrounding content
control.
control. sub. control.
control. sup. control.
Marks (mark
) are black on yellow
black on yellow
Smalls (small
) are 83.3333% the size of their container
Embedded content
Embeddeds (audio[controls]
, canvas
, iframe
, img
, svg
, video
) display inline block and vertically align to the middle
Links
Links (a
) background is transparent when active
Links (a
) underlines do not skip over descenders
Links (a
) outlines disappear when hovered
Tabular data
Tables have no border spacing
Forms (button
, input
, select
, textarea
)
Controls inherit color
Controls inherit font size