それぞれの要素に対して、ブラウザには初期スタイルが施してあります。細かく言うとブラウザの種類ごと、さらにブラウザのバージョンごとの初期スタイルが微妙に異なるので、同じようなCSSを記述してもレイアウトなどが微妙に違って表示されます。どのブラウザやバージョンでも同じようなデザインやレイアウトにすることは大変です。
このページでは、シェア率の高いIEのバージョンごとの各要素の初期スタイルを紹介しております。どのようなスタイルがデフォルト設定されているかご参考にしてください。
シェア率の高いブラウザであるInternet Exploroerの初期スタイルを表にしました。
スタイルを使用されるときの参考にしてください。
| 要素 | IE6 | IE7 | IE8 | IE9 |
|---|---|---|---|---|
| a | color:#00F; text-decoration:underline; |
color:#06C; text-decoration:underline; |
||
| a:visited | color:#800080; | |||
| address | display:block; font-style:italic; |
|||
| blockquote | display:block; margin:14pt 30pt; |
display:block; margin:1em 40px; |
||
| body | display:block; margin:15px 10px; zoom:1; |
display:block; margin:8px; zoom:1; |
||
| button | background:#D4D0C8; border-style:outset; border-width:2px; font-family:sans-serif; font-size:10pt; overflow:hidden; text-align:center; zoom:1; |
background:#F0F0F0; border-width:2px; font-family:sans-serif; font-size:10pt; overflow:hidden; text-align:center; zoom:1; |
background:#F0F0F0; border-width:3px; box-sizing:border-box; font-family:sans-serif; font-size:10pt; overflow:hidden; padding:1px 8px; text-align:center; zoom:1; |
|
| caption | display:block; padding:1px 3px 5px; text-align:center; zoom:1; |
display:table-caption; text-align:center; zoom:1; |
||
| dd | display:block; margin:0 0 0 30px; |
display:block; margin:0 0 0 40px; |
||
| div | display:block; | |||
| dl | display:block; margin:14px 0; |
display:block; margin:1em 0; |
||
| dt | display:block; | |||
| em | font-style:italic; | |||
| form | display:block; margin:14px 0; |
display:block; | ||
| h1 | display:block; font-size:24pt; font-weight:bold; margin:14pt 0; |
display:block; font-size:2em; font-weight:bold; margin:0.67em 0; page-break-after:avoid; |
||
| h2 | display:block; font-size:18pt; font-weight:bold; margin:14pt 0; |
display:block; font-size:1.5em; font-weight:bold; margin:0.83em 0; page-break-after:avoid; |
||
| h3 | display:block; font-size:13.55pt; font-weight:bold; margin:14pt 0; |
display:block; font-size:1.17em; font-weight:bold; margin:1em 0; page-break-after:avoid; |
||
| h4 | display:block; font-weight:bold; margin:14pt 0; |
display:block; font-size:1em; font-weight:bold; margin:1.33em 0; page-break-after:avoid; |
||
| h5 | display:block; font-size:10pt; font-weight:bold; margin:14pt 0; |
display:block; font-size:0.83em; font-weight:bold; margin:1.67em 0; page-break-after:avoid; |
||
| h6 | display:block; font-size:7.55pt; font-weight:bold; margin:14pt 0; |
display:block; font-size:0.67em; font-weight:bold; margin:2.33em 0; page-break-after:avoid; |
||
| head | display:none; | |||
| hr | text-align:center; zoom:1; |
outline:0 none; text-align:center; zoom:1; |
border-style:inset; border-width:1px; display:block; margin-bottom:0.5em; margin-top:0.5em; overflow:hidden; text-align:center; zoom:1; |
|
| html | overflow-x:auto; overflow-y:scroll; zoom:1; |
display:block; zoom:1; |
||
| i | font-style:italic; | |||
| iframe | background:#FFF; height:150px; width:300px; zoom:1; |
|||
| img | zoom:1; | |||
| input | background:#FFF; border-style:inset; border-width:2px; font-family:sans-serif; font-size:10pt; overflow:hidden; padding:1px; zoom:1; |
background:#FFF; border-width:2px; font-family:sans-serif; font-size:10pt; overflow:hidden; padding:1px; zoom:1; |
||
| ins | text-decoration:underline; | |||
| kbd | font-family:monospace; font-size:10pt; |
|||
| li | display:block; | display:list-item; | ||
| menu | display:block; list-style-image:none; list-style-position:outside; list-style-type:disc; margin:14pt 0 14pt 30pt; |
display:block; list-style-image:none; list-style-position:outside; list-style-type:disc; margin:1em 0; padding:0 0 0 30pt; |
||
| object | zoom:1; | |||
| ol | display:block; list-style-image:none; list-style-position:outside; list-style-type:decimal; margin:14pt 0 14pt 30pt; |
display:block; list-style-image:none; list-style-position:outside; list-style-type:decimal; margin:1em 0; padding:0 0 0 30pt; |
||
| option | font-family:sans-serif; font-size:10pt; font-style:italic; font-weight:bold; |
p | display:block; | display:block; margin:1em 0; |
| pre | display:block; font-family:monospace; font-size:10pt; white-space:pre; |
display:block; font-family:monospace; font-size:10pt; margin:1em 0; white-space:pre; |
||
| rp | font-size:6pt; | |||
| rt | font-size:6pt; | display:ruby-text; font-size:6pt; |
||
| ruby | display:ruby; | |||
| samp | font-family:monospace; font-size:10pt; |
|||
| script | display:none; zoom:1; |
|||
| select | border-color:#FFF; border-style:inset; border-width:2px; font-family:sans-serif; font-size:10pt; zoom:1; |
border-color:#FFF; background:#FFF; border-width:2px; font-family:sans-serif; font-size:10pt; overflow:hidden; zoom:1; |
background:#FFF; border-width:1px; box-sizing:border-box; font-family:sans-serif; font-size:10pt; overflow:hidden; zoom:1; |
|
| small | font-size:10pt; | font-size:0.83em; | ||
| strong | font-weight:bold; | |||
| style | display:none; zoom:1; |
|||
| sub | font-size:10pt; | font-size:0.83em; | ||
| sup | font-size:10pt; | font-size:0.83em; | ||
| table | border-color:#D4D0C8; display:block; zoom:1; |
border-color:#F0F0F0; display:block; zoom:1; |
border-color:#F0F0F0; border-spacing:2px 2px; box-sizing:border-box; display:table; zoom:1; |
|
| tbody | border-color:#D4D0C8; display:block; |
border-color:#F0F0F0; display:block; |
box-sizing:border-box; display:table-row-group; vertical-align:middle; |
|
| td | border-color:#D4D0C8; display:block; padding:1px; zoom:1; |
border-color:#F0F0F0; display:block; padding:1px; zoom:1; |
display:table-cell; padding:1px; vertical-align:middle; zoom:1; |
|
| textarea | border-color:#FFF; border-style:inset; border-width:2px; font-family:monospace; font-size:10pt; overflow-x:hidden; overflow-y:scroll; padding:1px; white-space:pre; zoom:1; |
border-color:#FFF; border-width:2px; font-family:monospace; font-size:10pt; overflow-x:hidden; overflow-y:scroll; padding:2px; white-space:pre; zoom:1; |
border-color:#FFF; border-width:1px; font-family:monospace; font-size:10pt; overflow-x:hidden; overflow-y:scroll; padding:2px; white-space:pre-wrap; zoom:1; |
|
| tfoot | border-color:#D4D0C8; display:block; |
border-color:#F0F0F0; display:block; |
box-sizing:border-box; display:table-footer-group; vertical-align:middle; |
|
| th | border-color:#D4D0C8; display:block; font-weight:bold; padding:1px; text-align:center; zoom:1; |
border-color:#F0F0F0; display:block; font-weight:bold; padding:1px; text-align:center; zoom:1; |
display:table-cell; font-weight:bold; padding:1px; text-align:center; vertical-align:middle; zoom:1; |
|
| thead | border-color:#D4D0C8; display:block; |
border-color:#F0F0F0; display:block; |
box-sizing:border-box; display:table-header-group; vertical-align:middle; |
|
| tr | border-color:#D4D0C8; display:block; |
border-color:#F0F0F0; display:block; |
box-sizing:border-box; display:table-row; vertical-align:middle; zoom:1; |
|
| ul | display:block; list-sytle-image:none; list-style-position:outside; list-style-type:disc; margin:14pt 0 14pt 30pt; |
display:block; list-sytle-image:none; list-style-position:outside; list-style-type:disc; margin:1em 0; padding:0 0 0 30pt; |
||
| var | font-style:italic; | |||
【IE（Internet Explorer）のデフォルトスタイル】