CSS における「イニシャル」とは実際には何を意味するのでしょうか?

CSS の 'initial' の重要性を明らかにする

当初の想定に反して、CSS の 'initial' 値はスタイルを復元しません。ブラウザの内部スタイルシートによってレンダリングされます。これは、CSS 仕様で定義されている、プロパティの指定された初期値を表します。

「初期」値について

「初期」値は、ブラウザのデフォルト値と同義ではありません。 。その意味は、特定のプロパティによって異なります。たとえば、「display」プロパティの場合、「initial」は常に、指定された初期値である「inline」を表します。

探索例

次のスニペットを考えてみましょう。

div.inline {
  display: inline;
}

div.initial {
  display: initial;
}

予想どおり、「インライン」ルールには

が表示されます。 列をなして。ただし、「initial」ルールでは、

も初期の「block」値ではなくインラインで表示されます。この動作は、「display」の「initial」が常に「inline」を意味するという事実に由来します。

限定された有用性

「initial」値の有用性は限定的です。これは、その意味がブラウザーに依存する「color」プロパティにとって価値がある場合があります。同様に、「font-family:initial」を使用すると、ブラウザのデフォルトのフォントが取得されます。

ブラウザの互換性と結論

「initial」は Internet Explorer ではサポートされていないことに注意してください。実用性がさらに制限されます。結論として、「初期」値はよく誤解される CSS の概念です。これは、プロパティの指定された初期値を指し、ブラウザのデフォルトや要素の初期レンダリング スタイルを意味するものではありません。

以上がCSS における「イニシャル」とは実際には何を意味するのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース：php.cn

前の記事：CSS の改ページが一部のブラウザでは機能するが、他のブラウザでは機能しないのはなぜですか? 次の記事：`表示されないのはなぜですか: ブロック; width: auto;` 入力フィールドをコンテナいっぱいにしますか?

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

著者別の最新記事

最新の問題

function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";

から 2024-04-29 11:01:01

0

3

2312

Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?

から 2024-04-23 00:22:19

0

11

2448

子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。

から 2024-04-19 15:37:47

0

1

2064

親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');

から 2024-04-18 23:52:34

0

1

1949

CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア

から 2024-04-16 10:10:18

0

0

2015

関連トピック

詳細>

• PHPサーバーの紹介
• FTPサイトの設定方法
• Laravel チュートリアル
• Windows 10 における Cortana の役割
• WeChatサービスアカウントと公式アカウントの違い
• C言語って何の言語ですか？
• 0x80070002 ソリューション
• dedecms の一般的なタグ