各HTML要素のdisplayプロパティの初期値の仕様は、どこに記述されているか？

Question

CSS displayプロパティの初期値は、div要素ではblock、span要素ではinlineと、HTML要素によって変わります。

具体的に「この要素の初期値はこれ」という仕様は、どこに記述されているのでしょうか？

いろいろ検索しましたが、期待するページが見つかりませんでした。

下記サイトはW3Cですが、HTML4が対象で、少し古いです。
Appendix D. Default style sheet for HTML 4

w3cschool CSS Default Values Reference は新しそうですが、仕様ではありません。
また、w3cではinput要素の初期値はdisplay: inline-blockなのに対して、w3cschoolでは"None"と書かれていることも気になりました。

Answer 1

HTML Living Standard

HTML Living Standard では 14.3 節以降にデフォルトスタイルシートらしき記述が確認できますね。

• 14.3 Non-replaced elements - HTML Standard 日本語訳
• 14.3 Non-replaced elements - HTML Standard

CSS Cascading and Inheritance Level 4

本質問と関係はありませんが、getComputedStyle() と算出値(computed value)の関係が興味深かったので参考までに。

• 4. 値の処理 — CSS Cascading and Inheritance Level 4 （日本語訳）
• 4. Value Processing - CSS Cascading and Inheritance Level 4

CSSのカスケード処理 (CSS Cascading and Inheritance Level 4)

• 6. カスケード法 - CSS におけるカスケード法と継承 — CSS Cascading and Inheritance Level 4 （日本語訳）
• 6. Cascading - CSS Cascading and Inheritance Level 4

上記リンク先より引用します。

1. Transition declarations [CSS3-TRANSITIONS] (和訳: Transition宣言)
2. Important user agent declarations (和訳: !important された User-Agent 宣言)
3. Important user declarations (和訳: !important されたUser宣言)
4. Important override declarations [DOM-LEVEL-2-STYLE] (和訳: !important された上書き宣言)
5. Important author declarations (和訳: !important された Author 宣言)
6. Animation declarations [CSS3-ANIMATIONS] (和訳: Animation宣言)
7. Normal override declarations [DOM-LEVEL-2-STYLE] (和訳: 通常の上書き宣言)
8. Normal author declarations (和訳: 通常の Author 宣言)
9. Normal user declarations (和訳: 通常の User 宣言)
10. Normal user agent declarations (和訳: 通常の User-Agent 宣言)

分かりづらい表現ですが、一般的には次の用語で現されます。

• User-Agent 宣言はデフォルトスタイルシートを指します
• User 宣言はユーザCSSを指します
• Author 宣言は制作者CSSを指します

input[type=hidden i] 以外のinput要素の display プロパティは HTML Living Standard におけるデフォルトスタイルシートに指定がない為、製作者CSS、ユーザCSSに何も書かれていないならば、ここでは宣言されません。

Defaulting (CSS Cascading and Inheritance Level 4)

• 7. Defaulting - CSS Cascading and Inheritance Level 4
• 7. デフォルト法 — CSS Cascading and Inheritance Level 4 （日本語訳）

上記リンク先より引用します。

1. デフォルト法

カスケードの結果（カスケードの出力）が空である場合、他の何らかの方法で指定値が見出されなければならない。 継承プロパティは、その既定の値を，継承を通して親要素から取り込む。 他のすべてのプロパティは、その初期値を既定の値としてとる。 スタイルシート作者は、 inherit や initial キーワードを通して，明示的に継承／初期化を要請できる。

displayプロパティは継承しない為、input要素には display プロパティの初期値である inline が適用されます。

• 2. Box Layout Modes: the display property - CSS Display Module Level 3
• 2. ボックスのレイアウトモード： display プロパティ - CSS Display Module Level 3 （日本語訳）

更新履歴

• 2017/06/14 21:35 CSSのカスケード処理、Defaulting を追記

Re: yuji38kwmt さん

Comments

[yuji38kwmt]

ありがとうございます！
要素だけでなく属性によっても初期値は変わるのですね。
あと、自分が気になっていたinput要素(type="text")のdisplay初期値が、結局分かりませんでした。
もしご存知でしたら教えていただきたいです。

[think49]

デフォルトスタイルシートに存在しなければ、CSS Cascading and Inheritance Level 4 規定によって、継承値or初期値が適用されます。
親記事に追記しました。

なお、理解出来なかった状態でベストアンサーを選ぶ行為に私は反対です。
それが本当にあっているのか不明な状態でベストアンサーを選んでいる事になります。

[yuji38kwmt]

ありがとうございます。納得できました！
[w3cschool](https://www.w3schools.com/cssref/css_default_values.asp)で、input要素が"None"となっていたのは、デフォルトスタイルシートには存在しないからなんですね。
デフォルトスタイルシートとCSSの初期値を、ごちゃまぜに考えていました。

ベストアンサーの件、すみません。気を付けます。

Answer 2

初期値なら inline でしかないわけですが、
https://www.w3.org/TR/CSS2/visuren.html#display-prop
これにthink49さんの言うようにブラウザのデフォルトスタイルシートが適用されているのでしょう。

Comments

[think49]

「displayプロパティの初期値」なら仰る通り、inline ですが、yuji38kwmt さんは「要素の初期値」と表現しているので、実質的には宣言値（declared value）を知りたいのだと私は解釈していました。
https://triple-underscore.github.io/css-cascade-ja.html#declared
yuji38kwmt さんは既に新しい質問がされているようなので、そろそろyuji38kwmt さんから返答を貰えるのではないかと期待しています。

Answer 3

調べた人がいた…

主要なHTMLタグのdisplayプロパティを調べてみた

だそうです。

Comments

[think49]

特定の実装を確認するのではなく、質問者は標準仕様を知りたいのでは…。

[LibertyBell3]

そうかもしれませんね。