0

重複の可能性:
ブラウザーの HTML 要素の既定の CSS

DOM 要素のすべてのデフォルト スタイルのどこかに参照はありますか?

たとえば、上の余白の大きさ<h1>は?

これを抽出する簡単な方法はありますか？私は試した：

document.getElementById("myheading").style.marginTop

しかし、それは空白に戻りました。おそらく、marginTop?に対して何も定義されていなかったためです。

前もって感謝します。

4

2 に答える 2

2

いくつかのオプションがあります。仕様には大まかに定義されたリストがあります。HTML4とHTML5

計算されたスタイルを実際に確認したい場合は、Firebug、Chrome 開発者ツール、IE 開発者ツール、Opera Dragonfly などのプログラムを使用できます。

計算されたスタイルをプログラムで取得する必要がある場合は、jquery を使用して違いを均等にするか、要素の getComputedStyle() または currentStyle 属性を使用することをお勧めします。jQuery はこれを自動的に行います。

このクロスブラウザーを狂わずに処理する方法を知りたいだけなら、Reset Stylesheet を使用することをお勧めします。沢山あります。Eric Meyer のツールが最も有名ですが、現在では Bootstrap、Blueprint、Normalize、YUI など多くのツールがあります。

于 2013-02-04T22:21:28.203 に答える
1

各ブラウザには、ユーザー エージェント スタイルシートに独自の実装があります。この優れた回答には、WebKit、Firefox/Gecko、および IE のリソースへのリンクがあります。を使用して、(レンダリングされた) DOM ノードの値を検出できますwindow.getComputedStyle(node);。このメソッドにはいくつかの例外があることに注意してください (アクセスされたリンクは、セキュリティ上の理由から、アクセスされていないかのように返されます)。

の場合<h1>、それぞれに関連する CSS は次のとおりです。

ウェブキット

display: block;
font-size: 2em;
-webkit-margin-before: 0.67__qem;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
font-weight: bold

Firefox/ヤモリ

display: block;
font-size: 2em;
font-weight: bold;
margin: .67em 0;

IE6/7

display: block;
font-size: 24pt;
font-weight: bold;
margin: 14pt 0;

IE8/9

display: block;
font-size: 2em;
font-weight: bold;
margin: 0.67em 0;
page-break-after: avoid;
于 2013-02-04T23:08:04.577 に答える