LoginSignup
118

More than 5 years have passed since last update.

posted at

updated at

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

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;

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
What you can do with signing up
118