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