最近CSSを使い、HTMLを正しく使ったサイトが広まってきました。

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

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

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

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2004/07/04 20:23:53
  • 終了:--

回答(4件)

id:k318 No.1

k318回答回数2622ベストアンサー獲得回数22004/07/04 21:00:02

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

id:dbzone

全く違います。

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

2004/07/04 21:11:51
id:iloveny No.2

iloveny回答回数77ベストアンサー獲得回数02004/07/04 21:33:57

ポイント45pt

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

id:dbzone

これでほぼ正解です。

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

もう少し続けます。

2004/07/04 21:42:18
id:aki73ix No.3

aki73ix回答回数5224ベストアンサー獲得回数272004/07/05 00:14:12

ポイント5pt

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://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

id:dbzone

・・・違いますね。

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

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

ないんですかね・・・

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

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

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

2004/07/05 00:43:03
id:Mars No.4

Mars回答回数203ベストアンサー獲得回数202004/07/05 01:02:48

ポイント50pt

求めている回答とは的外れになるかと思いますが参考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配下の全てのタグのスタイルを表示するので調べたいタグをページ内に書き込むことで全てのタグのスタイルを調べることができます。

id:dbzone

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

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

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

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

2004/07/05 01:18:00

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません