今日は、さまざまなブラウザでのデフォルト要素のマージン値が何であるかという問題について説明しました。 コードをコピー コードは次のとおりです。// 本体のマージン値 Firefox 20.0 ----------------------- body の余白は次のとおりです: margin:8px 8px 8px 8px; Internet Explorer 6.0 ----------- 本文の余白は次のとおりです: margin:15px 10px 15px 10px; Internet Explorer 7.0 ----------- 本文の余白は次のとおりです: margin:16px 11px 16px 11px; Internet Explorer 8.0-10.0 ---- 本文の余白は次のとおりです: margin:16px 8px 16px 8px; Opera 12.11 --------------------- 本文の余白は次のとおりです: margin:16px 8px 16px 8px; Safari 5.1 ------------------------- 本文の余白は次のとおりです: margin:16px 8px 16px 8px; Google Chrome 27.0 --------- body の余白は次のとおりです: margin:16px 8px 16px 8px; // h1 のマージン値 Firefox 20.0 ----------------------- h1 の余白は次のとおりです: margin:21px 0 22px 0; Internet Explorer 6.0 ----------- h1 の余白は次のとおりです: margin:19px 0 19px 0; Internet Explorer 7.0 ----------- h1 の余白は次のとおりです: margin:19px 0 19px 0; Internet Explorer 8.0-10.0 ---- h1 のマージンは次のとおりです: margin:20px 0 20px 0; Opera 12.11 --------------------- h1 の余白は次のとおりです: margin:21px 0 21px 0; Safari 5.1 ------------------------- h1 の余白は次のとおりです: margin:21px 0 21px 0; Google Chrome 27.0 --------- h1 のマージンは次のとおりです: margin:21px 0 22px 0; // h2 のマージン値 Firefox 20.0 ----------------------- h2 の余白は次のとおりです: margin:20px 0 20px 0; Internet Explorer 6.0 ----------- h2 の余白は次のとおりです: margin:19px 0 19px 0; Internet Explorer 7.0 ----------- h2 の余白は次のとおりです: margin:19px 0 19px 0; Internet Explorer 8.0-10.0 ---- h2 のマージンは次のとおりです: margin:20px 0 20px 0; Opera 12.11 --------------------- h2 の余白は次のとおりです: margin:19px 0 19px 0; Safari 5.1 ------------------------- h2 の余白は次のとおりです: margin:19px 0 19px 0; Google Chrome 27.0 --------- h2 のマージンは次のとおりです: margin:20px 0 20px 0; // h3 のマージン値 Firefox 20.0 ----------------------- h3 の余白は次のとおりです: margin:19px 0 18px 0; Internet Explorer 6.0 ----------- h3 の余白は次のとおりです: margin:19px 0 19px 0; Internet Explorer 7.0 ----------- h3 の余白は次のとおりです: margin:19px 0 19px 0; Internet Explorer 8.0-10.0 ---- h3 のマージンは次のとおりです: margin:19px 0 18px 0; Opera 12.11 --------------------- h3 の余白は次のとおりです: margin:18px 0 18px 0; Safari 5.1 ------------------------- h3 の余白は次のとおりです: margin:18px 0 18px ; Google Chrome 27.0 --------- h3 のマージンは次のとおりです: margin:19px 0 18px 0; // h4 のマージン値 Firefox 20.0 ----------------------- h4 の余白は次のとおりです: margin:22px 0 21px 0; Internet Explorer 6.0 ----------- h4 の余白は次のとおりです: margin:19px 0 19px 0; Internet Explorer 7.0 ----------- h4 の余白は次のとおりです: margin:19px 0 19px 0; Internet Explorer 8.0-10.0 ---- h4 のマージンは次のとおりです: margin:22px 0 21px 0; Opera 12.11 --------------------- h4 の余白は次のとおりです: margin:16px 0 16px 0; Safari 5.1 ------------------------- h4 の余白は次のとおりです: margin:21px 0 21px 0; Google Chrome 27.0 --------- h4 のマージンは次のとおりです: margin:22px 0 21px 0; // h5 のマージン値 Firefox 20.0 ----------------------- h5 の余白は次のとおりです: margin:22px 0 22px 0; Internet Explorer 6.0 ----------- h5 の余白は次のとおりです: margin:19px 0 19px 0; Internet Explorer 7.0 ----------- h5 の余白は次のとおりです: margin:19px 0 19px 0; Internet Explorer 8.0-10.0 ---- h5 マージンは次のとおりです: margin:22px 0 22px 0; Opera 12.11 --------------------- h5 の余白は次のとおりです: margin:22px 0 22px 0; Safari 5.1 ------------------------- h5 のマージンは次のとおりです: margin:22px 0 22px 0; Google Chrome 27.0 --------- h5 のマージンは次のとおりです: margin:22px 0 22px 0; // h6 のマージン値 Firefox 20.0 ----------------------- h6 のマージンは次のとおりです: margin:25px 0 25px 0; Internet Explorer 6.0 ----------- h6 の余白は次のとおりです: margin:19px 0 19px 0; Internet Explorer 7.0 ----------- h6 の余白は次のとおりです: margin:19px 0 19px 0; Internet Explorer 8.0-10.0 ---- h6 マージンは次のとおりです: margin:25px 0 25px 0; Opera 12.11 --------------------- h6 の余白は次のとおりです: margin:24px 0 24px 0; Safari 5.1 ------------------------- h6 の余白は次のとおりです: margin:24px 0 24px 0; Google Chrome 27.0 --------- h6 の余白は次のとおりです: margin:28px 0 28px 0; // dl のマージン値 Firefox 20.0 ----------------------- dl のマージンは次のとおりです: margin:16px 0 16px 0; Internet Explorer 6.0 ----------- dl のマージンは次のとおりです: margin:19px 0 19px 0; Internet Explorer 7.0 ----------- dl のマージンは次のとおりです: margin:19px 0 19px 0; Internet Explorer 8.0-10.0 ---- dl のマージンは次のとおりです: margin:16px 0 16px 0; Opera 12.11 --------------------- dl のマージンは次のとおりです: margin:16px 0 16px 0; Safari 5.1 ------------------------- dl のマージンは次のとおりです: margin:16px 0 16px 0; Google Chrome 27.0 --------- dl のマージンは次のとおりです: margin:16px 0 16px 0; // dd のマージン値 firefox 20.0 ----------------------- dd の余白は次のとおりです: margin:0 0 0 40px; Internet Explorer 6.0 ----------- dd のマージンは次のとおりです: margin:0 0 0 40px; Internet Explorer 7.0 ----------- dd のマージンは次のとおりです: margin:0 0 0 40px; Internet Explorer 8.0-10.0 ---- dd のマージンは次のとおりです: margin:0 0 0 40px; Opera 12.11 --------------------- dd のマージンは次のとおりです: margin:0 0 0 40px; Safari 5.1 ------------------------- dd のマージンは次のとおりです: margin:0 0 0 40px; Google Chrome 27.0 --------- dd のマージンは次のとおりです: margin:0 0 0 40px; // ulのマージン値 firefox 20.0 ----------------------- ul のマージンは次のとおりです: margin:16px 0 16px 0; Internet Explorer 6.0 ----------- ul のマージンは次のとおりです: margin:19px 0 19px 40px; Internet Explorer 7.0 ----------- ul のマージンは次のとおりです: margin:19px 0 19px 40px; Internet Explorer 8.0-10.0 ---- ul のマージンは次のとおりです: margin:16px 0 16px 0; Opera 12.11 --------------------- ul のマージンは次のとおりです: margin:16px 0 16px 0; Safari 5.1 ------------------------- ul のマージンは次のとおりです: margin:16px 0 16px 0; Google Chrome 27.0 --------- ul のマージンは次のとおりです: margin:16px 0 16px 0; //olのマージン値 Firefox 20.0 ----------------------- ol の余白は次のとおりです: margin:16px 0 16px 0; Internet Explorer 6.0 ----------- ol のマージンは次のとおりです: margin:19px 0 19px 40px; Internet Explorer 7.0 ----------- ol のマージンは次のとおりです: margin:19px 0 19px 40px; Internet Explorer 8.0-10.0 ---- ol のマージンは次のとおりです: margin:16px 0 16px 0; Opera 12.11 --------------------- ol のマージンは次のとおりです: margin:16px 0 16px 0; Safari 5.1 ------------------------- ol のマージンは次のとおりです: margin:16px 0 16px 0; Google Chrome 27.0 --------- ol のマージンは次のとおりです: margin:16px 0 16px 0; // ulのパディング値 firefox 20.0 ----------------------- ul のパディングは次のとおりです: padding:0 0 0 40px; Internet Explorer 6.0 ----------- ul の padding は次のとおりです: padding:0 0 0 0; Internet Explorer 7.0 ----------- ul の padding は次のとおりです: padding:0 0 0 0; Internet Explorer 8.0-10.0 ---- ul のパディングは次のとおりです: padding:0 0 0 40px; Opera 12.11 --------------------- ul のパディングは次のとおりです: padding:0 0 0 40px; Safari 5.1 ------------------------- ul の padding は次のとおりです: padding:0 0 0 40px; Google Chrome 27.0 --------- ul のパディングは次のとおりです: padding:0 0 0 40px; // ol のパディング値 Firefox 20.0 ----------------------- ol の padding は次のとおりです: padding:0 0 0 40px; Internet Explorer 6.0 ----------- ol の padding は次のとおりです: padding:0 0 0 0; Internet Explorer 7.0 ----------- ol の padding は次のとおりです: padding:0 0 0 0; Internet Explorer 8.0-10.0 ---- ol のパディングは次のとおりです: padding:0 0 0 40px; Opera 12.11 --------------------- ol のパディングは次のとおりです: padding:0 0 0 40px; Safari 5.1 ------------------------- ol のパディングは次のとおりです: padding:0 0 0 40px; Google Chrome 27.0 --------- ol のパディングは次のとおりです: padding:0 0 0 40px; // p のマージン値 Firefox 20.0 ----------------------- p の余白は次のとおりです: margin:16px 0 16px 0; Internet Explorer 6.0 ----------- p の余白は次のとおりです: margin:19px 0 19px 0; Internet Explorer 7.0 ----------- p の余白は次のとおりです: margin:19px 0 19px 0; Internet Explorer 8.0-10.0 ---- p の余白は次のとおりです: margin:16px 0 16px 0; Opera 12.11 --------------------- p の余白は次のとおりです: margin:16px 0 16px 0; Safari 5.1 ------------------------- p の余白は次のとおりです: margin:16px 0 16px 0; Google Chrome 27.0 --------- p の余白は次のとおりです: margin:16px 0 16px 0; //thead、tbody、tfootのマージン値 firefox 20.0 ----------------------- thead、tbody、tfoot の余白は次のとおりです: margin:2px 2px 2px 2px; Internet Explorer 6.0 ----------- thead、tbody、tfoot の余白は次のとおりです: margin: 2px 2px 2px 2px; Internet Explorer 7.0 ----------- thead、tbody、tfoot の余白は次のとおりです: margin: 2px 2px 2px 2px; Internet Explorer 8.0-10.0 ---- thead、tbody、tfoot の余白は次のとおりです: margin: 2px 2px 2px 2px; Opera 12.11 --------------------- thead、tbody、tfoot の余白は次のとおりです: margin:2px 2px 2px 2px; Safari 5.1 ------------------------- thead、tbody、tfoot の余白は次のとおりです: margin: 2px 2px 2px 2px; Google Chrome 27.0 --------- thead、tbody、tfoot の余白は次のとおりです: margin: 2px 2px 2px 2px; // フォームの余白値 firefox 20.0 ----------------------- フォームの余白は次のとおりです: margin:0 0 0 0; Internet Explorer 6.0 ----------- フォームの余白は次のとおりです: margin:19px 0 19px 0; Internet Explorer 7.0 ----------- フォームの余白は次のとおりです: margin:19px 0 19px 0; Internet Explorer 8.0-10.0 ---- フォームの余白は次のとおりです: margin:0 0 0 0; Opera 12.11 --------------------- フォームの余白は次のとおりです: margin:0 0 0 0; Safari 5.1 ------------------------- フォームの余白は次のとおりです: margin:0 0 0 0; Google Chrome 27.0 --------- フォームの余白は: margin:0 0 0 0; |
>>: HTMLとXHTML、HTML4とHTML5のタグの違いについて簡単に紹介します。
序文単一障害点を解決するには、マスター/スレーブ ホット スタンバイ ソリューションを構成する必要が...
コードをコピーコードは次のとおりです。 <HTML> <ヘッド> <T...
序文この記事では主に、CSS3 を使用してテキスト折り紙効果を実現する例を紹介します。これは、参考と...
目次1. 親コンポーネントと子コンポーネント間の一方向の値転送1. 親から子への値の受け渡し2. 子...
伝統的な方法は、正方形を固定形式で書くことです。長さ=幅を直接書き、次のように固定値を書きます。 。...
最近私の記事を読んだ人なら誰でも、私が現在WeChatミニプログラムプロジェクトを担当しており、その...
目次分離効果コマンドラインの説明関与する機能分離効果-- 別居前1,2,3,4 -- 別居後1 2 ...
目次1. js整数の演算2. ネイティブアラートを書き換えてポップアップボックスの数を記録する3. ...
現象: MySQL バージョン 5.7 以降では、日付型と日付時刻型のデフォルト値が「0000-00...
Mysql マスタースレーブ同期の Last_IO_Errno:1236 エラーの原因は何ですか? ...
ElementUIページングコンポーネントPagination in Vueの使用は参考になります。...
目次継承とプロトタイプチェーン継承されたプロパティ継承されたメソッドJavaScript でのプロト...
歴史ルート履歴モードとは、HTML5 の履歴 API を使用してクライアント側ルーティングを実装する...
padding-top パーセンテージを使用すると、固定幅と比例した高さの表示を実現できます。現在の...
2つのケース: 1. 索引あり 2. 索引なし前提条件:方法: コマンドラインを使用してシミュレー...