ブラウザのデフォルトスタイルシートを表示するには (Firefox編)
CSSの話です。このまえ偶然見つけたので、忘れないように書いときます。
スタイルシートには次の3種類があります。
- Webページの制作者が用意するスタイルシート (
link要素などで指定するもの) - Webページを見る人が設定するスタイルシート (プロファイルディレクトリのchrome/userContent.cssファイル)
- ブラウザのデフォルトスタイルシート
この中でデフォルトスタイルシートだけが直接見られない…と思ってたんですが、Mozilla Firefoxでは見る方法がありました。
その方法は簡単で、アドレスバーに次のURLを入力するだけです。
それぞれどんなときに使われるかはちゃんと調べてませんが、おそらくこんな感じです。
- Standards (標準準拠) モード*1では、html.cssを適用する。
- Quirks (後方互換) モードでは、html.cssとquirk.cssを適用する*2。
- StandardsモードかQuirksモードかによらず、フォームについてはform.cssも適用する。
実際に見てみるといろんな設定があって参考になります。ul要素あたりはおもしろかったです。
ただ、fieldset/legend要素についてはよくわからない振る舞いをするので、もしかしたら特別扱いしてるのかもしれません。ソース読むしかないのか…。
あと、URL見ればわかる人もいるでしょうけど、これらの実体はMozilla Firefoxのインストール先のresディレクトリにあります (Windowsの場合)。
