bugl
bugl
HomeLearnPatternsSearch
HomeLearnPatternsSearch

Loading lesson path

Learn/CSS/Reference and Practice
CSS•Reference and Practice

CSS Default Values Reference

Concept visual

CSS Default Values Reference

Pointer walk
two pointers
leftright102132436485116
left=0
right=6
1
3

Start at both ends

Default CSS Values for HTML Elements

The table below shows the default CSS browser values for all HTML elements.

Element

Default CSS Value

Try it a:link color: (internal value);

text-decoration: underline;
cursor: auto;

Try it »

a:visited color: (internal value);
text-decoration: underline;
cursor: auto;

Try it »

a:link:active color: (internal value);

Try it »

a:visited:active color: (internal value);

Try it » abbr None.

address display: block;
font-style: italic;

Try it »

area display: none;
article display: block;
aside display: block;

audio None.

b font-weight: bold;

Try it » base None. bdi None.

bdo unicode-bidi: bidi-override;
blockquote display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;

Try it »

body display: block;
margin: 8px;

Try it »

body:focus outline: none;

Try it » br None. button

None canvas

None.

caption display: table-caption;
text-align: center;

Try it »

cite font-style: italic;

Try it »

code font-family: monospace;

Try it »

col display: table-column;

Try it »

Formula

colgroup display: table - column - group

Try it »

datalist display: none;
dd display: block;
margin-left: 40px;

Try it »

del text-decoration: line-through;

Try it »

details display: block;
dfn font-style: italic;

Try it » dialog None.

div display: block;

Try it »

dl display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;

Try it »

dt display: block;

Try it »

em font-style: italic;

Try it »

embed:focus outline: none;
fieldset display: block;
margin-left: 2px;
margin-right: 2px;
padding-top: 0.35em;
padding-bottom: 0.625em;
padding-left: 0.75em;
padding-right: 0.75em;
border: 2px groove (internal value);

Try it »

figcaption display: block;
figure display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;

Try it »

footer display: block;
form display: block;
margin-top: 0em;

Try it »

h1 display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;

Try it »

h2 display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;

Try it »

h3 display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;

Try it »

h4 display: block;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;

Try it »

h5 display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;

Try it »

h6 display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;

Try it »

head display: none;
header display: block;
hr display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
border-width: 1px;

Try it »

html display: block;
html:focus outline: none;
i font-style: italic;

Try it »

iframe:focus outline: none;
iframe[seamless]
display: block;
img display: inline-block;

Try it » input None.

ins text-decoration: underline;

Try it »

kbd font-family: monospace;

Try it »

label cursor: default;

Try it »

legend display: block;
padding-left: 2px;
padding-right: 2px;
border: none;

Try it »

li display: list-item;
link display: none;

main None.

map display: inline;
mark background-color: yellow;
color: black;

Try it »

display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;

menuitem None. meta None. meter None.

nav display: block;

noscript None.

object:focus outline: none;
ol display: block;
list-style-type: decimal;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;

Try it » optgroup None. option None.

output display: inline;
p display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;

Try it »

param display: none;

picture None.

pre display: block;
font-family: monospace;
white-space: pre;
margin: 1em 0;

Try it » progress None.

q display: inline;

Try it »

q::before content: open-quote;

Try it »

q::after content: close-quote;

Try it » rp None.

rt line-height: normal;

ruby None.

s text-decoration: line-through;

Try it »

samp font-family: monospace;

Try it »

script display: none;
section display: block;

Try it » select None.

small font-size: smaller;

Try it » source None.

span display: inline;
strike text-decoration: line-through;

Try it »

strong font-weight: bold;

Try it »

style display: none;
sub vertical-align: sub;
font-size: smaller;

Try it »

summary display: block;
sup vertical-align: super;
font-size: smaller;

Try it »

table display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;

Try it »

tbody display: table-row-group;
vertical-align: middle;
border-color: inherit;
td display: table-cell;
vertical-align: inherit;

template None. textarea None.

tfoot display: table-footer-group;
vertical-align: middle;
border-color: inherit;
th display: table-cell;
vertical-align: inherit;
font-weight: bold;
text-align: center;
thead display: table-header-group;
vertical-align: middle;
border-color: inherit;

time None.

title display: none;
tr display: table-row;
vertical-align: inherit;
border-color: inherit;

track None.

u text-decoration: underline;

Try it »

ul display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1 em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;

Try it »

var font-style: italic;

Try it » video None. wbr None.

Previous

CSS Legal Color Values

Next

CSS Browser Support Reference