Руководство по стандартным значениям CSS

Стандартные значения CSS для элементов HTML

в таблице ниже показаны стандартные значения CSS для всех элементов HTML, установленные браузерами.

элемент стандартные значения CSS TIY
a:link
  • цвет: (внутреннее значение);
  • text-decoration: underline;
  • курсор: автоматически;
 Попробуйте!
a:visited
  • цвет: (внутреннее значение);
  • text-decoration: underline;
  • курсор: автоматически;
 Попробуйте!
a:link:active цвет: (внутреннее значение); Попробуйте!
a:visited:active цвет: (внутреннее значение); Попробуйте!
abbr None.
address
  • display: block;
  • font-style: italic;
 Попробуйте!
area display: none;
article display: block;
aside display: block;
audio None.
b font-weight: bold; Попробуйте!
base None.
bdi None.
bdo unicode-bidi: bidi-override;
blockquote
  • display: block;
  • margin-top: 1em;
  • margin-bottom: 1em;
  • margin-left: 40px;
  • margin-right: 40px;
 Попробуйте!
body
  • display: block;
  • отступ: 8 пикселей;
 Попробуйте!
body:focus outline: none; Попробуйте!
br None.
button None
canvas None.
caption
  • display: table-caption
  • text-align: center;
 Попробуйте!
cite font-style: italic; Попробуйте!
code font-family: monospace; Попробуйте!
col display: table-column; Попробуйте!
colgroup display: table-column-group Попробуйте!
datalist display: none;
dd
  • display: block;
  • margin-left: 40px;
 Попробуйте!
del text-decoration: line-through; Попробуйте!
details display: block;
dfn font-style: italic; Попробуйте!
dialog None.
div display: block; Попробуйте!
dl
  • display: block;
  • margin-top: 1em;
  • margin-bottom: 1em;
  • margin-left: 0;
  • margin-right: 0;
 Попробуйте!
dt display: block; Попробуйте!
em font-style: italic; Попробуйте!
embed:focus outline: none;
fieldset
  • display: block;
  • левый отступ: 2 пикселя;
  • правый отступ: 2 пикселя;
  • верхний отступ: 0,35 эма;
  • нижний отступ: 0,625 эма;
  • левый отступ: 0,75 эма;
  • правый отступ: 0,75 эма;
  • граница: 2px бороздка (внутреннее значение);
 Попробуйте!
figcaption display: block;
figure
  • display: block;
  • margin-top: 1em;
  • margin-bottom: 1em;
  • margin-left: 40px;
  • margin-right: 40px;
 Попробуйте!
footer display: block;
form
  • display: block;
  • margin-top: 0em;
 Попробуйте!
h1
  • display: block;
  • font-size: 2em;
  • margin-top: 0.67em;
  • margin-bottom: 0.67em;
  • margin-left: 0;
  • margin-right: 0;
  • font-weight: bold;
 Попробуйте!
h2
  • display: block;
  • font-size: 1.5em;
  • margin-top: 0.83em;
  • margin-bottom: 0.83em;
  • margin-left: 0;
  • margin-right: 0;
  • font-weight: bold;
 Попробуйте!
h3
  • display: block;
  • font-size: 1.17em;
  • margin-top: 1em;
  • margin-bottom: 1em;
  • margin-left: 0;
  • margin-right: 0;
  • font-weight: bold;
 Попробуйте!
h4
  • display: block;
  • margin-top: 1.33em;
  • margin-bottom: 1.33em;
  • margin-left: 0;
  • margin-right: 0;
  • font-weight: bold;
 Попробуйте!
h5
  • display: block;
  • font-size: .83em;
  • margin-top: 1.67em;
  • margin-bottom: 1.67em;
  • margin-left: 0;
  • margin-right: 0;
  • font-weight: bold;
 Попробуйте!
h6
  • display: block;
  • font-size: .67em;
  • margin-top: 2.33em;
  • margin-bottom: 2.33em;
  • margin-left: 0;
  • margin-right: 0;
  • font-weight: bold;
 Попробуйте!
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;
 Попробуйте!
html
  • display: block;
  • html:focus
  • outline: none;
i font-style: italic; Попробуйте!
iframe:focus outline: none;
iframe[seamless] display: block;
img display: inline-block; Попробуйте!
input None.
ins text-decoration: underline; Попробуйте!
kbd font-family: monospace; Попробуйте!
label cursor: default; Попробуйте!
legend
  • display: block;
  • padding-left: 2px;
  • padding-right: 2px;
  • border: none;
 Попробуйте!
li display: list-item;
link display: none;
main None.
map display: inline;
mark
  • background-color: yellow;
  • color: black;
 Попробуйте!
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;
 Попробуйте!
optgroup None.
option None.
output display: inline;
p
  • display: block;
  • margin-top: 1em;
  • margin-bottom: 1em;
  • margin-left: 0;
  • margin-right: 0;
 Попробуйте!
param display: none;
picture None.
pre
  • display: block;
  • font-family: monospace;
  • white-space: pre;
  • margin: 1em 0;
 Попробуйте!
progress None.
q display: inline; Попробуйте!
q::before content: open-quote; Попробуйте!
q::after content: close-quote; Попробуйте!
rp None.
rt line-height: normal;
ruby None.
s text-decoration: line-through; Попробуйте!
samp font-family: monospace;
script display: none;
section display: block; Попробуйте!
select None.
small font-size: smaller; Попробуйте!
source None.
span None.
strike text-decoration: line-through; Попробуйте!
strong font-weight: bold; Попробуйте!
style display: none;
sub
  • vertical-align: sub;
  • font-size: smaller;
 Попробуйте!
summary display: block;
sup
  • vertical-align: super;
  • font-size: smaller;
 Попробуйте!
table
  • display: table;
  • border-collapse: separate;
  • border-spacing: 2px;
  • border-color: gray;
 Попробуйте!
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; Попробуйте!
ul
  • display: block;
  • list-style-type: disc;
  • margin-top: 1em;
  • margin-bottom: 1 em;
  • margin-left: 0;
  • margin-right: 0;
  • padding-left: 40px;
 Попробуйте!
var font-style: italic; Попробуйте!
video None.
wbr None.