CSS 기본 값 참조 매뉴얼

HTML 요소의 CSS 기본 값

다음 표는 모든 HTML 요소의 기본적인 CSS 브라우저 값을 보여줍니다.

요소 기본적인 CSS 값 TIY
a:link
  • color: (내부 값);
  • text-decoration: underline;
  • cursor: auto;
 시도해보세요
a:visited
  • color: (내부 값);
  • text-decoration: underline;
  • cursor: auto;
 시도해보세요
a:link:active color: (내부 값); 시도해보세요
a:visited:active color: (내부 값); 시도해보세요
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;
  • margin: 8px;
 시도해보세요
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;
  • 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 (내부 값);
 시도해보세요
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.