CSS-oletusarvojen viittomakirja

HTML-elementtien CSS-oletusarvot

Seuraava taulukko näyttää kaikki HTML-elementtien oletusarvoiset CSS-selaimen arvot.

elementti Oletusarvo CSS TIY
a:link
  • väri: (sisäinen arvo);
  • text-decoration: underline;
  • kursori: automaattinen;
 Kokeile tässä
a:vierailtu
  • väri: (sisäinen arvo);
  • text-decoration: underline;
  • kursori: automaattinen;
 Kokeile tässä
a:link:aktiivinen väri: (sisäinen arvo); Kokeile tässä
a:vierailtu:aktiivinen väri: (sisäinen arvo); Kokeile tässä
abbr Ei mitään.
osoite
  • display: block;
  • font-style: italic;
 Kokeile tässä
alue display: none;
article display: block;
aside display: block;
audio Ei mitään.
b font-weight: bold; Kokeile tässä
base Ei mitään.
bdi Ei mitään.
bdo unicode-bidi: bidi-override;
blockquote
  • display: block;
  • margin-top: 1em;
  • margin-bottom: 1em;
  • margin-left: 40px;
  • margin-right: 40px;
 Kokeile tässä
body
  • display: block;
  • marginaali: 8px;
 Kokeile tässä
body:focus outline: ei mitään; Kokeile tässä
br Ei mitään.
button Ei mitään
canvas Ei mitään.
caption
  • display: table-caption
  • text-align: center;
 Kokeile tässä
cite font-style: italic; Kokeile tässä
code font-family: monospace; Kokeile tässä
col display: table-column; Kokeile tässä
colgroup display: table-column-group Kokeile tässä
datalist display: none;
dd
  • display: block;
  • margin-left: 40px;
 Kokeile tässä
del text-decoration: line-through; Kokeile tässä
details display: block;
dfn font-style: italic; Kokeile tässä
dialog Ei mitään.
div display: block; Kokeile tässä
dl
  • display: block;
  • margin-top: 1em;
  • margin-bottom: 1em;
  • margin-left: 0;
  • margin-right: 0;
 Kokeile tässä
dt display: block; Kokeile tässä
em font-style: italic; Kokeile tässä
embed:focus outline: ei mitään;
kenttä
  • display: block;
  • vasen marginaali: 2px;
  • oikea marginaali: 2px;
  • yläreuna sisennytys: 0,35em;
  • alareuna sisennytys: 0,625em;
  • vasen sisennytys: 0,75em;
  • oikea sisennytys: 0,75em;
  • reuna: 2px viiva (sisäinen arvo);
 Kokeile tässä
figcaption display: block;
figure
  • display: block;
  • margin-top: 1em;
  • margin-bottom: 1em;
  • margin-left: 40px;
  • margin-right: 40px;
 Kokeile tässä
footer display: block;
form
  • display: block;
  • margin-top: 0em;
 Kokeile tässä
h1
  • display: block;
  • font-size: 2em;
  • margin-top: 0.67em;
  • margin-bottom: 0.67em;
  • margin-left: 0;
  • margin-right: 0;
  • font-weight: bold;
 Kokeile tässä
h2
  • display: block;
  • font-size: 1.5em;
  • margin-top: 0.83em;
  • margin-bottom: 0.83em;
  • margin-left: 0;
  • margin-right: 0;
  • font-weight: bold;
 Kokeile tässä
h3
  • display: block;
  • font-size: 1.17em;
  • margin-top: 1em;
  • margin-bottom: 1em;
  • margin-left: 0;
  • margin-right: 0;
  • font-weight: bold;
 Kokeile tässä
h4
  • display: block;
  • margin-top: 1.33em;
  • margin-bottom: 1.33em;
  • margin-left: 0;
  • margin-right: 0;
  • font-weight: bold;
 Kokeile tässä
h5
  • display: block;
  • font-size: .83em;
  • margin-top: 1.67em;
  • margin-bottom: 1.67em;
  • margin-left: 0;
  • margin-right: 0;
  • font-weight: bold;
 Kokeile tässä
h6
  • display: block;
  • font-size: .67em;
  • margin-top: 2.33em;
  • margin-bottom: 2.33em;
  • margin-left: 0;
  • margin-right: 0;
  • font-weight: bold;
 Kokeile tässä
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: sisäänrakennettu;
  • border-width: 1px;
 Kokeile tässä
html
  • display: block;
  • html:focus
  • outline: ei mitään;
i font-style: italic; Kokeile tässä
iframe:focus outline: ei mitään;
iframe[seamless] display: block;
img display: inline-block; Kokeile tässä
input Ei mitään.
ins text-decoration: underline; Kokeile tässä
kbd font-family: monospace; Kokeile tässä
label cursor: oletus; Kokeile tässä
legend
  • display: block;
  • padding-left: 2px;
  • padding-right: 2px;
  • border: ei mitään;
 Kokeile tässä
li display: list-item;
link display: none;
main Ei mitään.
map display: inline;
mark
  • background-color: keltainen;
  • color: musta;
 Kokeile tässä
menu
  • display: block;
  • list-style-type: disc;
  • margin-top: 1em;
  • margin-bottom: 1em;
  • margin-left: 0;
  • margin-right: 0;
  • padding-left: 40px;
menuitem Ei mitään.
meta Ei mitään.
meter Ei mitään.
nav display: block;
noscript Ei mitään.
object:focus outline: ei mitään;
ol
  • display: block;
  • list-style-type: desimaalinen;
  • margin-top: 1em;
  • margin-bottom: 1em;
  • margin-left: 0;
  • margin-right: 0;
  • padding-left: 40px;
 Kokeile tässä
optgroup Ei mitään.
valinta Ei mitään.
output display: inline;
p
  • display: block;
  • margin-top: 1em;
  • margin-bottom: 1em;
  • margin-left: 0;
  • margin-right: 0;
 Kokeile tässä
param display: none;
picture Ei mitään.
pre
  • display: block;
  • font-family: monospace;
  • white-space: pre;
  • margin: 1em 0;
 Kokeile tässä
progress Ei mitään.
q display: inline; Kokeile tässä
q::before content: open-quote; Kokeile tässä
q::after content: close-quote; Kokeile tässä
rp Ei mitään.
rt line-height: normal;
ruby Ei mitään.
s text-decoration: line-through; Kokeile tässä
samp font-family: monospace;
script display: none;
section display: block; Kokeile tässä
select Ei mitään.
small font-size: smaller; Kokeile tässä
source Ei mitään.
span Ei mitään.
strike text-decoration: line-through; Kokeile tässä
strong font-weight: bold; Kokeile tässä
style display: none;
sub
  • vertical-align: sub;
  • font-size: smaller;
 Kokeile tässä
summary display: block;
sup
  • vertical-align: super;
  • font-size: smaller;
 Kokeile tässä
table
  • display: table;
  • border-collapse: separate;
  • border-spacing: 2px;
  • border-color: gray;
 Kokeile tässä
tbody
  • display: table-row-group;
  • vertical-align: middle;
  • border-color: inherit;
td
  • display: table-cell;
  • vertical-align: inherit;
template Ei mitään.
textarea Ei mitään.
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 Ei mitään.
title display: none;
tr
  • display: table-row;
  • vertical-align: inherit;
  • border-color: inherit;
track Ei mitään.
u text-decoration: underline; Kokeile tässä
ul
  • display: block;
  • list-style-type: disc;
  • margin-top: 1em;
  • margin-bottom: 1 em;
  • margin-left: 0;
  • margin-right: 0;
  • padding-left: 40px;
 Kokeile tässä
var font-style: italic; Kokeile tässä
video Ei mitään.
wbr Ei mitään.