CSS standaardwaarden referentiemanual

CSS standaardwaarden van HTML-elementen

De tabel hieronder toont de standaard CSS-browserswaarden van alle HTML-elementen.

element Standaard CSS-waarden TIY
a:koppeling
  • kleur: (interne waarde);
  • text-decoration: underline;
  • cursor: automatisch;
 Probeer het uit
a:bezoekend
  • kleur: (interne waarde);
  • text-decoration: underline;
  • cursor: automatisch;
 Probeer het uit
a:koppeling:actief kleur: (interne waarde); Probeer het uit
a:bezoekend:actief kleur: (interne waarde); Probeer het uit
abbr Geen.
address
  • display: block;
  • font-style: italic;
 Probeer het uit
area display: none;
article display: block;
aside display: block;
audio Geen.
b font-weight: bold; Probeer het uit
base Geen.
bdi Geen.
bdo unicode-bidi: bidi-override;
blockquote
  • display: block;
  • margin-top: 1em;
  • margin-bottom: 1em;
  • margin-left: 40px;
  • margin-right: 40px;
 Probeer het uit
body
  • display: block;
  • margin: 8px;
 Probeer het uit
body:focus outline: none; Probeer het uit
br Geen.
knop Geen
canvas Geen.
caption
  • display: tabel-kapittel
  • text-align: center;
 Probeer het uit
cite font-style: italic; Probeer het uit
code font-family: monospace; Probeer het uit
col display: tabel-kolom; Probeer het uit
colgroup display: tabel-kolom-groep Probeer het uit
datalist display: none;
dd
  • display: block;
  • margin-left: 40px;
 Probeer het uit
del text-decoration: line-through; Probeer het uit
details display: block;
dfn font-style: italic; Probeer het uit
dialog Geen.
div display: block; Probeer het uit
dl
  • display: block;
  • margin-top: 1em;
  • margin-bottom: 1em;
  • margin-left: 0;
  • margin-right: 0;
 Probeer het uit
dt display: block; Probeer het uit
em font-style: italic; Probeer het uit
embed:focus outline: none;
fieldset
  • display: block;
  • left-margin: 2px;
  • right-margin: 2px;
  • top-padding: 0,35em;
  • bottom-padding: 0,625em;
  • left-padding: 0,75em;
  • right-padding: 0,75em;
  • border: 2px groef (interne waarde);
 Probeer het uit
figlegende display: block;
figure
  • display: block;
  • margin-top: 1em;
  • margin-bottom: 1em;
  • margin-left: 40px;
  • margin-right: 40px;
 Probeer het uit
footer display: block;
form
  • display: block;
  • margin-top: 0em;
 Probeer het uit
h1
  • display: block;
  • font-size: 2em;
  • margin-top: 0.67em;
  • margin-bottom: 0.67em;
  • margin-left: 0;
  • margin-right: 0;
  • font-weight: bold;
 Probeer het uit
h2
  • display: block;
  • font-size: 1.5em;
  • margin-top: 0.83em;
  • margin-bottom: 0.83em;
  • margin-left: 0;
  • margin-right: 0;
  • font-weight: bold;
 Probeer het uit
h3
  • display: block;
  • font-size: 1.17em;
  • margin-top: 1em;
  • margin-bottom: 1em;
  • margin-left: 0;
  • margin-right: 0;
  • font-weight: bold;
 Probeer het uit
h4
  • display: block;
  • margin-top: 1.33em;
  • margin-bottom: 1.33em;
  • margin-left: 0;
  • margin-right: 0;
  • font-weight: bold;
 Probeer het uit
h5
  • display: block;
  • font-size: .83em;
  • margin-top: 1.67em;
  • margin-bottom: 1.67em;
  • margin-left: 0;
  • margin-right: 0;
  • font-weight: bold;
 Probeer het uit
h6
  • display: block;
  • font-size: .67em;
  • margin-top: 2.33em;
  • margin-bottom: 2.33em;
  • margin-left: 0;
  • margin-right: 0;
  • font-weight: bold;
 Probeer het uit
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;
 Probeer het uit
html
  • display: block;
  • html:focus
  • outline: none;
i font-style: italic; Probeer het uit
iframe:focus outline: none;
iframe[seamless] display: block;
img display: inline-block; Probeer het uit
input Geen.
ins text-decoration: underline; Probeer het uit
kbd font-family: monospace; Probeer het uit
label cursor: default; Probeer het uit
legend
  • display: block;
  • padding-left: 2px;
  • padding-right: 2px;
  • border: none;
 Probeer het uit
li display: list-item;
link display: none;
main Geen.
map display: inline;
mark
  • background-color: yellow;
  • color: black;
 Probeer het uit
menu
  • display: block;
  • list-style-type: disc;
  • margin-top: 1em;
  • margin-bottom: 1em;
  • margin-left: 0;
  • margin-right: 0;
  • padding-left: 40px;
menuitem Geen.
meta Geen.
meter Geen.
nav display: block;
noscript Geen.
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;
 Probeer het uit
optgroup Geen.
optie Geen.
output display: inline;
p
  • display: block;
  • margin-top: 1em;
  • margin-bottom: 1em;
  • margin-left: 0;
  • margin-right: 0;
 Probeer het uit
param display: none;
picture Geen.
pre
  • display: block;
  • font-family: monospace;
  • white-space: pre;
  • margin: 1em 0;
 Probeer het uit
progress Geen.
q display: inline; Probeer het uit
q::before content: open-quote; Probeer het uit
q::after content: close-quote; Probeer het uit
rp Geen.
rt line-height: normal;
ruby Geen.
s text-decoration: line-through; Probeer het uit
samp font-family: monospace;
script display: none;
section display: block; Probeer het uit
select Geen.
small font-size: smaller; Probeer het uit
source Geen.
span Geen.
strike text-decoration: line-through; Probeer het uit
strong font-weight: bold; Probeer het uit
style display: none;
sub
  • vertical-align: sub;
  • font-size: smaller;
 Probeer het uit
summary display: block;
sup
  • vertical-align: super;
  • font-size: smaller;
 Probeer het uit
table
  • display: table;
  • border-collapse: separate;
  • border-spacing: 2px;
  • border-color: gray;
 Probeer het uit
tbody
  • display: table-row-group;
  • vertical-align: middle;
  • border-color: inherit;
td
  • display: table-cell;
  • vertical-align: inherit;
template Geen.
textarea Geen.
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 Geen.
title display: none;
tr
  • display: table-row;
  • vertical-align: inherit;
  • border-color: inherit;
track Geen.
u text-decoration: underline; Probeer het uit
ul
  • display: block;
  • list-style-type: disc;
  • margin-top: 1em;
  • margin-bottom: 1 em;
  • margin-left: 0;
  • margin-right: 0;
  • padding-left: 40px;
 Probeer het uit
var font-style: italic; Probeer het uit
video Geen.
wbr Geen.