人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

最近CSSを使い、HTMLを正しく使ったサイトが広まってきました。
そういったサイトで、CSSを解除した状態では、背景の白地、見出し、本文、引用がブラウザの標準で表示されます。

フォント、フォントサイズ、太字、斜体、行間隔、文字間隔、アンカーに関しては色、等など
これらをブラウザごとに存在する「標準表示形式」とすれば、この標準表示形式をまとめたサイトはあるのでしょうか。
H1はWinのIEでは○pt、Gecko系では○pt、
H2は・・・・、H3は・・・、H4・・・
Pの行間は○px、BRでの行間は・・・
未表示リンクは#0000FF、表示済みは#・・・
など

できるだけ多くのOS、ブラウザの「標準表示形式」をまとめてあるとうれしいです。
また、タグは多くなければ意味がありません。
できれば日本語でお願いします。

●質問者: dbzone
●カテゴリ:ウェブ制作
✍キーワード:br CSS Gecko h1 H2
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● k318
●0ポイント

http://mlang1.osaka-gaidai.ac.jp/~tagengo/multi/browser.html

Netscape 7.1 と Internet Explorer 6.0 のブラウザ設定の比較があります。

http://www.asahi-net.or.jp/~tj6m-etu/browser.html

ブラウザ設定

◎質問者からの返答

全く違います。

【ウェブマスター】で質問した趣旨を理解してください。


2 ● iloveny
●45ポイント

http://tancro.stp-1.com/stylesheet/default.html

Default style of HTML2.0

最近のは分かりませんが、あまり変わっていないと思います。

◎質問者からの返答

これでほぼ正解です。

しかし、ポイントやピクセルなど、固定値での決まりがあってもいいように思います。

もう少し続けます。


3 ● aki73ix
●5ポイント

http://www.w3.org/Style/1998/07/tvweb-style

Default CSS2 style sheet for Web pages on a TV

1つめはTVWEBのデフォルトのようです

2つめはIE6のデフォルトみたいですね

3つめはDr. Roland Ungerって人のメモのようです

4つ目は参考程度・・・ここまで、日本語でなくてすみません(^^;

5つ目は配布しているカスケードスタイルシートなので参考になるかもしれません

6つ目のリンクにHTML4.0のCSSサンプルが在るようです

http://invisionfree.com/forums/support/index.php?showtopic=8030

InvisionFree -> Default Style Sheet (CSS)

http://www.soziologie.uni-halle.de/unger/notes/view.en.php?which...

Sources - Technical Details - Editor's Notes - Roland Unger

http://www.w3.org/TR/REC-CSS1

Cascading Style Sheets, level 1

http://wellformed.org/2002/Stylesheets/

http://east.portland.ne.jp/~sigekazu/css/style.htm

使い方のまとめ

◎質問者からの返答

・・・違いますね。

一つ目のTVWEBが18ptだということはわかりました。しかし、TVWEBユーザがどのくらいいるのか・・・疑問です。

そのほかは英語のために全文読んだわけではないですが、クラスやIDが指定されているところを見ると、そのサイトで使用しているデフォルトのスタイルシートのようですので...。

ないんですかね・・・

これがわかれば各ブラウザにあわせたCSSの設定もとても楽になると思うのですが・・・

ここからは検証結果とその方法(裏づけ)でもかまいませんのでお願いします。

ちなみに検証方法のみは不要です。


4 ● Mars
●50ポイント

http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/sample.html

求めている回答とは的外れになるかと思いますが参考URLはHTML4.0の推奨値だそうです。

色に関すること、ブラウザごとの違いなどには触れられていません。

以下は役に立つかどうかわかりませんが、Win版IEでページ内に実際に適用されているスタイルを調べるjavascriptです。

ブラウザの設定で変更できるスタイル等も反映された後なので標準スタイルとはいいきれませんが。

<html>

<head>

<title>test</title>

<script type=”text/javascript”>

<!--

var Msg=’’;

function styleViewerS(O) {

if(O.tagName) {

Msg += ’【’+O.tagName+’】¥n’;

for(var Z in O.currentStyle) Msg += ’’+Z+’:’+ O.currentStyle[Z]+’;¥n’;

}

for(var X=O.firstChild;X;X=X.nextSibling) styleViewerS(X);

}

function styleViewer() {

styleViewerS(document.body);

document.getElementById(’T’).value=Msg;

}

//-->

</script>

</head>

<body onload=”styleViewer()”>

<textarea id=”T” cols=60 rows=30></textarea>

<h1>H1要素</h1>

<h2>H2要素</h2>

</body>

</html>

※例としてH1とH2を書いてあります。ページ内のbody配下の全てのタグのスタイルを表示するので調べたいタグをページ内に書き込むことで全てのタグのスタイルを調べることができます。

◎質問者からの返答

参考URLは2の方の答えの新版のようですね。自分でもちょっと探していたのでありがたいです。

ただ、これにも固定値がなく残念です。

JavaScriptですが、ちょっと使い方がわかりません・・・。

残念ですが、ポイントの都合で以上で終了させていただきます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ