LoginSignup
110
119

More than 5 years have passed since last update.

CSS初期値一覧なチートシート

Last updated at Posted at 2013-11-10

CSSを書いていて、設定してしまった値を戻したいことはよくあることだと思います。
戻したくてGoogle検索してみても、reset.cssやブラウザデフォルトCSSがヒットしてなかなか思うように見つかりません。そこで一覧を作成しようと思いました。

適当にググってみて、初期値の一覧は見つかったのですがCSS3も含めたものは見た感じなかったので一覧を作成しました。

参考 : Mozilla CSS reference

初期値のようなもの一覧です。colorなどの定まっていないもあります。
※ 必ずしも正しいとは限りません。

animation-name: none;
animation-duration: 0s;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: 1;
animation-direction: normal;
animation-fill-mode: none;
backface-visibility: visible;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
border-bottom: 0;
border-bottom-color: currentColor;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-style: none;
border-bottom-width: medium;
border-collapse: separate;
border-color: currentColor;
border-image: none;
border-left: 0;
border-left-color: currentColor;
border-left-style: none;
border-left-width: medium;
border-radius: 0;
border-right: 0;
border-right-color: currentColor;
border-right-style: none;
border-right-width: medium;
border-style: none;
border-spacing: 0;
border-top: 0;
border-top-color: currentColor;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top-style: none;
border-top-width: medium;
border-width: medium;
bottom: auto;
box-shadow: none;
box-sizing: content-box;
caption-side: top;
clip: auto;
clear: none;
column-fill: balance;
column-count: auto;
column-gap: normal;
column-rule-color: currentColor;
column-rule-style: none;
column-rule-width: none;
column-span: none;
column-width: auto;
content: normal;
counter-increment: none;
counter-reset: none;
cursor: auto;
direction: itr;
display: inline;
empty-cells: show;
float: none;
font-size: medium;
font-size-adjust: none;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: auto;
hyphens: manual;
left: auto;
letter-spacing:  normal;
line-height: normal;
list-style-image: none;
list-style-position: outside;
list-style-type: disc;
margin: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
opacity: 1.0;
orphans: 2;
outline-color: invert;
outline-offset: 0;
outline-style: none;
outline-width: medium;
overflow: visible;
overflow-x: visible;
overflow-y: visible;
padding: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
page-break-after: auto;
page-break-before: auto;
page-break-inside: auto;
perspective: none;
perspective-origin: 50% 50%;
position: static;
resize: none;
right: auto;
table-layout: auto;
tab-size: 8;
text-align: start;
text-align-last: auto;
text-decoration-color: currentColor;
text-decoration-line: none;
text-decoration-style: solid;
text-indent:  0;
text-overflow: clip;
text-rendering:  auto;
text-shadow: none;
text-transform: none;
top: auto;
transform: none;
transform-origin: 50% 50% 0;
transform-style: flat;
transition-delay: 0s;
transition-duration: 0s;
transition-property: all;
transition-timing-function: ease;
unicode-bidi: normal;
vertical-align: baseline;
visibility: visible;
white-space: normal;
widows: 2;
width: auto;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
z-index: auto;

/* ショートハンドなもの */
animation: none;
background: none;
border: none;
columns: auto;
column-rule: none;
font: normal;
list-style: none;
outline: 0;
text-decoration: none;
transition: none;

/* 特殊なもの */
color: inherit;
font-family: inherit;
110
119
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
110
119