Tutorials
THE WORLD'S LARGEST WEB DEVELOPER SITE

CSS Default Values Reference

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. Try it >>
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 >>
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 >>
keygen None.
label cursor: defualt; 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 >>
menu 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;
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 None.
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;
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.