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
figure
footer
header
main
menu
section
summary

Elements (audio, canvas, progress, video) display as inline-block and vertically align middle

canvas progress

Elements (audio:not([controls]), template, [hidden]) do not display

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

h1

article > h1

section > h1

Grouping content

Markups (code, kbd, pre, samp) font size is the same as surrounding content

<span> <code> <kbd> <samp> <span>

<p>

<pre>

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

LOL LOL

Bolds (b and strong) are bolder than the surrounding font weight

abcdefgabcdefg
abcdefgabcdefg
abcdefgabcdefg
abcdefgabcdefg

Definitions (dfn) are italic

abcdefg
abcdefg

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

canvas

Links

Links (a) background is transparent when active

dummy anchor

Links (a) underlines do not skip over descenders

quip and jig

Links (a) outlines disappear when hovered

dummy anchor

Tabular data

Tables have no border spacing

Forms (button, input, select, textarea)

Controls inherit color

Controls inherit font size