Menu

Reset
A reset is a set of normalized values for CSS properties that correct for abberations in browser defaults

What's In Our Reset

Semantic's default theme includes the latest Normalize CSS to provide a base line HTML reset. In addition, Semantic UI requires a Box-sizing reset, to make sure that elements handle width definitions in the same way.

The reset is required for Semantic UI components to function properly, and should also be included when using individual components.

Reset Options

The basic themes only includes the required box-sizing reset and nothing else. The resetcss theme provides a version of Reset CSS, a less opinionated CSS reset.

Reset Test

html

should have sans-serif font family (opinionated)

abcdefghijklmnopqrstuvwxyz

body

should have no margin (opinionated)

(there should be no red background visible on this page)

article, aside, details, figure, figcaption, footer, header, hgroup, main, nav, section, summary

should render as block

article
summary details
figure
figcaption
footer
header
hgroup
main
section

audio, canvas, progress, video

should render as inline-block and baseline-aligned

canvas progress

audio:not([controls]), template, [hidden]

should not display

a

should have a transparent background when active

should not have a focus outline when both focused and hovered (opinionated)

abbr[title]

should have a dotted bottom border

abbr

b, strong

should have bold font-weight

b strong

dfn

should have italic font-style

dfn

h1

should not change size within an article

Heading (control)

Heading (in article)

should not change size within a section

Heading (control)

Heading (in section)

mark

should have a yellow background

mark

small

should render equally small in all browsers

control. small.

sub and sup

should not affect a line's visual line-height

control.

control. sub.

control. sup.

img

should not have a border when wrapped in an anchor

svg

should not overflow

figure

should have margins

hr

should have a content-box box model


pre

should trigger a scrollbar when too wide for its container

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.

code, kbd, pre, samp

should render em-unit preformatted text at the same absolute size as normal text

span: abcdefghijklmnopqrstuvwxyz.
code: abcdefghijklmnopqrstuvwxyz.
kbd: abcdefghijklmnopqrstuvwxyz.
samp: abcdefghijklmnopqrstuvwxyz.
pre: abcdefghijklmnopqrstuvwxyz.

button, input, optgroup, select, textarea

should inherit color from ancestor




should inherit font from ancestor




should not have margins

button

should have visible overflow

button, select

should not inherit text-transform

button and button-style input

should have pointer cursor style

should be styleable

disabled button and input

should have default cursor style

button, input

should not have extra inner padding in Firefox

input

should not inherit line-height

input[type="checkbox"], input[type="radio"]

should have a border-box box model

should not have padding

input[type="number"]

should display a default cursor for the decrement button's click target in Chrome

input[type="search"]

should be styleable

should have a content-box box model

should not have a cancel button in Safari or Chrome

fieldset

should have consistent border, padding, and margin

legend

should inherit color

legend

should not have padding

legend

textarea

should not have a scrollbar unless overflowing

table

should not have spaces between cells

Jimi Hendrix - albums
Album Year Price
Album Year Price
Are You Experienced 1967 $10.00
Axis: Bold as Love 1967 $12.00
Electric Ladyland 1968 $10.00
Band of Gypsies 1970 $12.00

Dimmer Message
Dimmer sub-header