LoginSignup
17
17

More than 5 years have passed since last update.

cssプロパティの初期値一覧

Last updated at Posted at 2014-09-29

mozillaのcssリファレンスを参考にしました。


(10/1追記)
表に「説明」を追加しました。この初期値のままで、どう振る舞うかの説明です。
実際にブラウザで見た場合、ブラウザによってhtml要素ごとにプロパティの初期値が上書きされます。

プロパティ 初期値 説明
appearance* none 要素にボタンやチェックボックスなど特別なスタイル付けを行わない
background 各background系プロパティの初期値
background-attachment scroll 画面スクロールに従って背景も移動
background-clip border-box 背景をborderやpadding含めた範囲まで適用
background-color transparent 背景色を透明色にする
background-image none 背景に画像を使用しない
background-poasition 0% 0% 背景画像の表示起点を左上にする
background-repeat repeat 背景画像を繰り返す
background-size auto auto 背景画像を元の画像の大きさのままで使用する
border 各border系プロパティの初期値
border-color 要素のcolorプロパティ 線の色がcolorプロパティになる
border-radius 0 角丸にしない
border-style none borderを境界無し、線幅を0にする
border-width medium 線幅を(UAに依存するが一般的に)3pxにする
box-shadow none ドロップシャドウをつけない
box-sizing content-box 要素の幅算出にborder、padding、marginを含めない
clear none 選考する要素のfloatを解消しない
color Varies from one browser to another
cursor auto コンテクストに基づき表示するカーソルをブラウザが決定
content normal 疑似要素を生成しない
display HTML仕様による(XMLではinline)
float none 要素の流し込み処理を通常に行う
font 各font系プロパティの初期値
font-family ユーザエージェントに依存 文字のフォントはユーザ環境による
font-size medium 文字の大きさをユーザーの既定のフォントサイズにする
font-style normal 文字をイタリック体・斜体にしない
font-size-adjust* none 異なるフォント間などでのサイズ調整をブラウザで行わない
font-variant normal 標準の(スモールキャップでない)フォントフェイスを指定
font-weight normal 文字を太くしない
height auto コンテンツの高さをブラウザが計算する
line-height normal 1行の高さをおよそ1文字の1.2倍にする
list-style 各list-style系プロパティの初期値
list-style-image none リスト項目のマーカー画像を指定しない
list-style-position outside マーカーを要素の外側に描写する
list-style-type disc マーカーの形を円形にする
margin 0 要素の四方の余白を0にする
max-height none 要素の高さの上限を指定しない
max-width none 要素の幅の上限を指定しない
min-height 0 要素の高さの最小を指定しない
min-width 0 要素の幅の最小を指定しない
opacity 1 要素を透明にしない
overflow visible 要素からはみ出たコンテンツをそのまま表示させる
padding 0 要素の枠内の余白を0にする
pointer-events auto 要素のマウスイベントを制限しない
position static 要素の位置指定を行わない
text-align start(startが未対応のブラウザの場合、文章の方向によってleftかright) (日本語の場合)テキストの方向を左から右にする
text-decoration 各text-decoration系プロパティの初期値
text-decoration-color* currentColor 線による装飾を親要素の文字色と同じ色で使う
text-decoration-line* none 要素に線による装飾を行わない
text-decoration-style* solid 線による装飾を一重の線で描画する
text-indent 0 文章の一文字目の前に、水平スペースを挿入しない
vertical-align baseline テキストやテーブルセル要素の縦方向の整列を、親要素のフォントのベースラインに合わせる
visibility visible 要素を可視にする
width auto コンテンツの幅をブラウザが計算する
white-space normal 連続する空白は詰めて1つになる。折り返しも行われる

*は一部モダンブラウザでも未実装

不備や「これもよく初期化する」というプロパティがあったら教えてください〜


(10/1 プロパティの追加)
appearance, cursor, max-width, min-width, max-height, min-height

17
17
4

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
17
17