Web デザインリファレンス Firefox デフォルトスタイル

W3C は HTML の標準をいくつか確立していますが、ブラウザは独自の定義済みスタイルに従って Web ページ内のタグを解析してレンダリングしますが、Firefox はアドレスバーにコマンド resource://gre/res/html.css を入力することで Firefox のデフォルトのスタイルシートを取得できます。 IE にもこのコマンドがあれば最高ですね!また、このコマンドを Firefox の異なるバージョンのアドレスバーに入力して、Firefox の異なるバージョン間の違いを比較することもできます。これは、CSS をリセットするときに重要な参照情報となります。
/* ***** ライセンスブロックの開始 *****
* バージョン: MPL 1.1/GPL 2.0/LGPL 2.1
*
* このファイルの内容は、Mozilla Public Licenseバージョンの対象となります
* 1.1（「ライセンス」）; あなたは、以下の条件に従わない限り、このファイルを使用することはできません。
* ライセンス。ライセンスのコピーは以下から入手できます。
* http://www.mozilla.org/MPL/
*
* ライセンスに基づいて配布されるソフトウェアは「現状有姿」で配布されます。
* 明示的または黙示的を問わず、いかなる種類の保証もありません。ライセンスを参照してください。
* 特定の言語で権利と制限を規定する
* ライセンス。
*
* オリジナルコードは mozilla.org コードです。
*
* オリジナルコードの最初の開発者は
* ネットスケープコミュニケーションズ株式会社。
* 初期開発者によって作成された部分の著作権は (C) 1998 にあります。
* 初期開発者。無断複写・転載を禁じます。
*
* 寄稿者:
* ブレイク・ロス <[email protected]>
*
* あるいは、このファイルの内容は、
* GNU 一般公衆利用許諾書バージョン 2 以降 (以下「GPL」) のいずれか、
* またはGNU Lesser General Public Licenseバージョン2.1以降（「LGPL」）
* その場合はGPLまたはLGPLの規定が適用されます
* 上記のもの。このファイルのあなたのバージョンのみの使用を許可したい場合は、
* GPLまたはLGPLの条件の下で、他者に
* このファイルのあなたのバージョンをMPLの条件に従って使用する場合は、
* 上記の規定を削除し、通知に置き換える決定
* GPLまたはLGPLで要求されるその他の条項。削除しない場合は
* 上記の規定に従い、受信者はこのファイルのあなたのバージョンを以下の条件で使用することができます。
* MPL、GPL、LGPL のいずれかの条項。
*
* ***** ライセンスブロック終了 ***** */
@namespace url(http://www.w3.org/1999/xhtml); /* デフォルトの名前空間を HTML に設定 */
/* 双方向 */
[dir="rtl"] {
方向: rtl;
ユニコードビディ: 埋め込み;
}
[dir="ltr"] {
方向: ltr;
ユニコードビディ: 埋め込み;
}
bdo[dir] {
unicode-bidi: bidi-override;
}
/* ブロック */
html、div、map、dt、isindex、フォーム {
表示: ブロック;
}
体 {
表示: ブロック;
マージン: 8px;
}
p、dl、段組み{
表示: ブロック;
マージン: 1em 0;
}
dd {
表示: ブロック;
-moz-margin-start: 40px;
}
引用ブロック {
表示: ブロック;
マージン: 1em 40px;
}
住所 {
表示: ブロック;
フォントスタイル: 斜体;
}
中心 {
表示: ブロック;
テキスト配置: -moz-center;
}
引用ブロック[type=cite]
表示: ブロック;
マージン: 1em 0px;
-moz-パディング開始: 1em;
-moz-border-start: ソリッド;
境界線の色: 青;
境界線の幅: 細い;
}
span[_moz_quote=true] {
色: 青;
}
pre[_moz_quote=true] {
色: 青;
}
h1 {
表示: ブロック;
フォントサイズ: 2em;
フォントの太さ: 太字;
マージン: .67em 0;
}
h2 {
表示: ブロック;
フォントサイズ: 1.5em;
フォントの太さ: 太字;
マージン: .83em 0;
}
h3 {
表示: ブロック;
フォントサイズ: 1.17em;
フォントの太さ: 太字;
マージン: 1em 0;
}
h4 {
表示: ブロック;
フォントの太さ: 太字;
マージン: 1.33em 0;
}
h5 {
表示: ブロック;
フォントサイズ: 0.83em;
フォントの太さ: 太字;
マージン: 1.67em 0;
}
h6 {
表示: ブロック;
フォントサイズ: 0.67em;
フォントの太さ: 太字;
マージン: 2.33em 0;
}
リスト
表示: ブロック;
フォントファミリ: -moz-fixed;
フォントサイズ: 中;
空白: 前;
マージン: 1em 0;
}
xmp、pre、プレーンテキスト {
表示: ブロック;
フォントファミリ: -moz-fixed;
空白: 前;
マージン: 1em 0;
}
/* テーブル */
テーブル {
表示: テーブル;
境界線の間隔: 2px;
境界線の折りたたみ: 分離;
上マージン: 0;
下マージン: 0;
/* XXXldb border-collapse:collapse の場合、これが必要ですか? */
-moz-box-sizing: 境界線ボックス;
テキストインデント: 0;
}
テーブル[align="left"] {
フロート: 左;
}
表[align="right"] {
フロート: 右;
テキスト配置: 開始;
}
テーブル[ルール]:not([ルール="なし"]) {
境界線の折りたたみ: 折りたたみ;
}
/* キャプションは table-outer ではなく table から継承します */
キャプション {
表示: テーブルキャプション;
テキスト配置: 中央;
-moz-box-sizing: 境界線ボックス;
}
表[align="center"] > キャプション {
左マージン: 自動;
右マージン: 自動;
}
表[align="center"] > キャプション[align="left"] {
右マージン: 0;
}
表[align="center"] > キャプション[align="right"] {
左マージン: 0;
}
tr {
表示: テーブル行;
垂直方向の位置合わせ: 継承;
}
列 {
表示: テーブル列;
}
列グループ {
表示: テーブル列グループ;
}
tボディ{
表示: テーブル行グループ;
垂直位置合わせ: 中央;
}
スレッド {
表示: テーブルヘッダーグループ;
垂直位置合わせ: 中央;
}
tfoot {
表示: テーブルフッターグループ;
垂直位置合わせ: 中央;
}
/* tbody のない XHTML テーブルの場合 */
テーブル > tr {
垂直位置合わせ: 中央;
}
td {
表示: テーブルセル;
垂直方向の位置合わせ: 継承;
テキスト配置: 継承;
パディング: 1px;
}
番目 {
表示: テーブルセル;
垂直方向の位置合わせ: 継承;
フォントの太さ: 太字;
パディング: 1px;
}
tr > フォーム:-moz-is-html、tbody > フォーム:-moz-is-html、
thead > form:-moz-is-html、 tfoot > form:-moz-is-html、
テーブル > フォーム:-moz-is-html {
/* 重要: これらのフォームを HTML に表示しないでください */
表示: なし !重要;
}
/* インライン */
q:前{
内容: 引用符を開く;
}
q:後{
内容: 引用符を閉じる;
}
b、強い{
フォントの太さ: 太字;
}
i、cite、em、var、dfn {
フォントスタイル: 斜体;
}
tt、コード、kbd、samp {
フォントファミリ: -moz-fixed;
}
u、ins {
テキスト装飾: 下線;
}
s、ストライク、デル {
テキスト装飾: 取り消し線;
}
点滅{
テキスト装飾: 点滅;
}
大きい
フォントサイズ:大きい;
}
小さい
フォントサイズ: 小さい;
}
サブ{
垂直方向の位置合わせ: サブ;
フォントサイズ: 小さい;
行の高さ: 通常;
}
すする {
垂直方向の位置合わせ: スーパー;
フォントサイズ: 小さい;
行の高さ: 通常;
}
いいえ
空白: ラップなし;
}
/* タイトル */
abbr[タイトル]、acronym[タイトル] {
下境界線: 点線 1px;
}
/* リスト */
ul、メニュー、dir {
表示: ブロック;
リストスタイルタイプ: ディスク;
マージン: 1em 0;
-moz-パディング開始: 40px;
}
オル {
表示: ブロック;
リストスタイルのタイプ: 小数点;
マージン: 1em 0;
-moz-パディング開始: 40px;
}
li {
表示: リスト項目;
}
/* ネストされたリストには上下の余白はありません */
ul ul、ul ol、ul dir、ul menu、ul dl、
ol ul、ol ol、ol dir、ol menu、ol dl、
dir ul、dir ol、dir dir、dir menu、dir dl、
メニュー ul、メニュー ol、メニュー dir、メニュー menu、メニュー dl、
dl ul、dl ol、dl dir、dl menu、dl dl {
上マージン: 0;
下マージン: 0;
}
/* 円を使った 2 階層の順序なしリスト */
ol ul、ul ul、メニュー ul、dir ul、
ol メニュー、ul メニュー、menu メニュー、dir メニュー、
ol dir、ul dir、menu dir、dir dir {
リストスタイルのタイプ: 円;
}
/* 正方形を使った 3 層 (またはそれ以上) の順序なしリスト */
ol ol ul、ol ul ul、ol menu ul、ol dir ul、
ol ol メニュー、ol ul メニュー、ol メニューメニュー、ol dir メニュー、
ol ol dir、ol ul dir、ol menu dir、ol dir dir、
ul ol ul、ul ul ul、ul メニュー ul、ul dir ul、
ul ol メニュー、ul ul メニュー、ul メニューメニュー、ul dir メニュー、
ul ol dir、ul ul dir、ul menu dir、ul dir dir、
メニュー ol ul、メニュー ul ul、メニューメニュー ul、メニュー dir ul、
メニュー ol メニュー、メニュー ul メニュー、メニューメニューメニュー、メニュー dir メニュー、
メニュー ol dir、メニュー ul dir、メニュー menu dir、メニュー dir dir、
dir ol ul、dir ul ul、dir menu ul、dir dir ul、
dir ol メニュー、dir ul メニュー、dir メニューメニュー、dir dir メニュー、
dir ol dir、dir ul dir、dir menu dir、dir dir dir {
リストスタイルタイプ: 正方形;
}
/* 葉 */
/* <hr> noshadeとcolor属性は完全に
* nsHTMLHRElement属性マッピングコード
*/
時間 {
表示: ブロック;
高さ: 2px;
境界線: 1px インセット;
マージン: 0.5em 自動 0.5em 自動;
色: グレー;
マージンボックス
-moz-box-sizing: 境界線ボックス;
}
hr[サイズ="1"] {
境界線スタイル: solid none none none;
}
*|*:-moz-any-link img、img[usemap]、object[usemap] {
境界線: 2px 実線;
}
画像:-moz-broken::before、入力:-moz-broken::before、
img:-moz-user-disabled::before、入力:-moz-user-disabled::before、
img:-moz-loading::before、入力:-moz-loading::before、
アプレット:-moz-empty-except-children-with-localname(param):-moz-broken::before,
アプレット:-moz-empty-except-children-with-localname(param):-moz-user-disabled::before {
コンテンツ: -moz-alt-content !important;
ユニコードビディ: 埋め込み;
}
オブジェクト:-moz-broken > *|*、アプレット:-moz-broken > *|*
オブジェクト:-moz-user-disabled > *|*、アプレット:-moz-user-disabled > *|* {
/*
オブジェクトの配置を継承して、明示的に配置されていない場合は
垂直方向に正しい位置に移動します。バグ36997を参照してください。
明示的に整列される可能性があるため、重要ではありません。
*/
垂直方向の位置合わせ: 継承;
}
画像:-moz-suppressed、入力:-moz-suppressed、オブジェクト:-moz-suppressed、
埋め込み:-moz-suppressed、アプレット:-moz-suppressed {
/*
ページの表示が変わる場合に備えて、可視性も設定します。
一般的には、表示せずに可視性だけを設定したいのですが、
display:noneは多くのレイアウトを壊します。そして、もし本当に
ブロックされた画像などを右クリックできるようにする必要があるので、設定する必要があります
どちらでもなく、ペイントコードをハックします.... :(
*/
表示: なし !重要;
可視性: 非表示 !重要;
}
img[使用マップ]、オブジェクト[使用マップ] {
色: 青;
}
フレームセット {
表示: ブロック! 重要;
オーバーフロー: -moz-hidden-unscrollable;
位置: 静的!重要;
float: なし!重要;
境界線: なし!重要;
}
フレーム {
境界線: なし!重要;
}
インラインフレーム{
境界線: 2px インセット;
}
フレームなし{
表示: なし;
}
スペーサー {
位置: 静的!重要;
float: なし!重要;
}
キャンバス {
-moz-user-select: なし;
}
/* フォーカス可能なコンテンツ: tabindex >=0 のものはフォーカス可能です */
abbr:focus、頭字語:focus、アドレス:focus、アプレット:focus、b:focus、
base:focus、big:focus、blockquote:focus、br:focus、canvas:focus、caption:focus、
center:focus、cite:focus、code:focus、col:focus、colgroup:focus、dd:focus、
del:focus、dfn:focus、dir:focus、div:focus、dl:focus、dt:focus、em:focus、
フィールドセット:フォーカス、フォント:フォーカス、フォーム:フォーカス、h1:フォーカス、h2:フォーカス、h3:フォーカス、h4:フォーカス、
h5:focus、h6:focus、hr:focus、i:focus、img:focus、ins:focus、
kbd:focus、ラベル:focus、凡例:focus、li:focus、リンク:focus、メニュー:focus、
object:focus、ol:focus、p:focus、pre:focus、q:focus、s:focus、samp:focus、
small:focus、span:focus、strike:focus、strong:focus、sub:focus、sup:focus、
table:focus、tbody:focus、td:focus、tfoot:focus、th:focus、thead:focus、
tr:フォーカス、tt:フォーカス、u:フォーカス、ul:フォーカス、var:フォーカス {
/* アウトライン色を指定しないでください。常に初期値を使用する必要があります。 */
アウトライン: 1px 点線;
}
/* 隠し要素 */
エリア、ベース、ベースフォント、ヘッド、メタ、スクリプト、スタイル、タイトル、
埋め込みなし、パラメータ {
表示: なし;
}
/* 非標準 HTML <marquee> タグのエミュレーション */
マーキー
幅: -moz-available;
表示: インラインブロック;
垂直配置: テキスト下部;
テキスト配置: 開始;
-moz-binding: url('chrome://xbl-marquee/content/xbl-marquee.xml#marquee-horizontal');
}
マーキー[方向="上"]、マーキー[方向="下"] {
-moz-binding: url('chrome://xbl-marquee/content/xbl-marquee.xml#marquee-vertical');
高さ: 200px;
}
/* 印刷のみのルールが続きます */
@media 印刷 {
マーキー { -moz-binding: none; }
/* XXX これは必要ありません。点滅を停止する必要があります
印刷プレビューでは、<blink> 要素だけでなく、あらゆる種類の要素が表示されます */
点滅{
テキスト装飾: なし;
}
}

<<: MySQL に 1,000 万件のレコードを素早く挿入する方法

>>: DockerコンテナでJupyterノートブックを設定する方法