回答編集履歴
4
markdown修正
answer
CHANGED
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
>
|
|
50
50
|
> カスケードの結果（カスケードの出力）が空である場合、他の何らかの方法で指定値が見出されなければならない。 継承プロパティは、その既定の値を，継承を通して親要素から取り込む。 他のすべてのプロパティは、その初期値を既定の値としてとる。 スタイルシート作者は、 inherit や initial キーワードを通して，明示的に継承／初期化を要請できる。
|
|
51
51
|
|
|
52
|
-
displayプロパティは継承しない
|
|
52
|
+
displayプロパティは**継承しない**為、input要素には display プロパティの**初期値**である `inline` が適用されます。
|
|
53
53
|
|
|
54
54
|
- [2. Box Layout Modes: the display property - CSS Display Module Level 3](https://drafts.csswg.org/css-display/#the-display-properties)
|
|
55
55
|
- [2. ボックスのレイアウトモード： display プロパティ - CSS Display Module Level 3 （日本語訳）](https://triple-underscore.github.io/css-display-ja.html#the-display-properties)
|
3
Defaulting \(CSS Cascading and Inheritance Level 4\)
answer
CHANGED
|
@@ -38,4 +38,24 @@
|
|
|
38
38
|
|
|
39
39
|
`input[type=hidden i]` 以外のinput要素の `display` プロパティは HTML Living Standard におけるデフォルトスタイルシートに指定がない為、製作者CSS、ユーザCSSに何も書かれていないならば、ここでは宣言されません。
|
|
40
40
|
|
|
41
|
+
### Defaulting (CSS Cascading and Inheritance Level 4)
|
|
42
|
+
|
|
43
|
+
- [7. Defaulting - CSS Cascading and Inheritance Level 4](https://drafts.csswg.org/css-cascade/#defaulting)
|
|
44
|
+
- [7. デフォルト法 — CSS Cascading and Inheritance Level 4 （日本語訳）](https://triple-underscore.github.io/css-cascade-ja.html#defaulting)
|
|
45
|
+
|
|
46
|
+
上記リンク先より引用します。
|
|
47
|
+
|
|
48
|
+
> 7. デフォルト法
|
|
49
|
+
>
|
|
50
|
+
> カスケードの結果（カスケードの出力）が空である場合、他の何らかの方法で指定値が見出されなければならない。 継承プロパティは、その既定の値を，継承を通して親要素から取り込む。 他のすべてのプロパティは、その初期値を既定の値としてとる。 スタイルシート作者は、 inherit や initial キーワードを通して，明示的に継承／初期化を要請できる。
|
|
51
|
+
|
|
52
|
+
displayプロパティは継承しない為、**input要素には display プロパティの初期値である inline が適用**されます。
|
|
53
|
+
|
|
54
|
+
- [2. Box Layout Modes: the display property - CSS Display Module Level 3](https://drafts.csswg.org/css-display/#the-display-properties)
|
|
55
|
+
- [2. ボックスのレイアウトモード： display プロパティ - CSS Display Module Level 3 （日本語訳）](https://triple-underscore.github.io/css-display-ja.html#the-display-properties)
|
|
56
|
+
|
|
57
|
+
### 更新履歴
|
|
58
|
+
|
|
59
|
+
- 2017/06/14 21:35 CSSのカスケード処理、Defaulting を追記
|
|
60
|
+
|
|
41
61
|
Re: yuji38kwmt さん
|
2
CSSのカスケード処理 \(CSS Cascading and Inheritance Level 4\)
answer
CHANGED
|
@@ -12,4 +12,30 @@
|
|
|
12
12
|
- [4. 値の処理 — CSS Cascading and Inheritance Level 4 （日本語訳）](https://triple-underscore.github.io/css-cascade-ja.html#value-stages)
|
|
13
13
|
- [4. Value Processing - CSS Cascading and Inheritance Level 4](https://drafts.csswg.org/css-cascade/#value-stages)
|
|
14
14
|
|
|
15
|
+
### CSSのカスケード処理 (CSS Cascading and Inheritance Level 4)
|
|
16
|
+
|
|
17
|
+
- [6. カスケード法 - CSS におけるカスケード法と継承 — CSS Cascading and Inheritance Level 4 （日本語訳）](https://triple-underscore.github.io/css-cascade-ja.html#cascading)
|
|
18
|
+
- [6. Cascading - CSS Cascading and Inheritance Level 4](https://drafts.csswg.org/css-cascade/#cascading)
|
|
19
|
+
|
|
20
|
+
上記リンク先より引用します。
|
|
21
|
+
|
|
22
|
+
> 1. Transition declarations [CSS3-TRANSITIONS] (和訳: Transition宣言)
|
|
23
|
+
> 2. Important user agent declarations (和訳: !important された User-Agent 宣言)
|
|
24
|
+
> 3. Important user declarations (和訳: !important されたUser宣言)
|
|
25
|
+
> 4. Important override declarations [DOM-LEVEL-2-STYLE] (和訳: !important された上書き宣言)
|
|
26
|
+
> 5. Important author declarations (和訳: !important された Author 宣言)
|
|
27
|
+
> 6. Animation declarations [CSS3-ANIMATIONS] (和訳: Animation宣言)
|
|
28
|
+
> 7. Normal override declarations [DOM-LEVEL-2-STYLE] (和訳: 通常の上書き宣言)
|
|
29
|
+
> 8. Normal author declarations (和訳: 通常の Author 宣言)
|
|
30
|
+
> 9. Normal user declarations (和訳: 通常の User 宣言)
|
|
31
|
+
> 10. Normal user agent declarations (和訳: 通常の User-Agent 宣言)
|
|
32
|
+
|
|
33
|
+
分かりづらい表現ですが、一般的には次の用語で現されます。
|
|
34
|
+
|
|
35
|
+
- User-Agent 宣言はデフォルトスタイルシートを指します
|
|
36
|
+
- User 宣言はユーザCSSを指します
|
|
37
|
+
- Author 宣言は制作者CSSを指します
|
|
38
|
+
|
|
39
|
+
`input[type=hidden i]` 以外のinput要素の `display` プロパティは HTML Living Standard におけるデフォルトスタイルシートに指定がない為、製作者CSS、ユーザCSSに何も書かれていないならば、ここでは宣言されません。
|
|
40
|
+
|
|
15
41
|
Re: yuji38kwmt さん
|
1
表現の修正
answer
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
### CSS Cascading and Inheritance Level 4
|
|
9
9
|
|
|
10
|
-
本質問と関係はありませんが、`getComputedStyle()` と算出値(computed value)の関係が興味深かった
|
|
10
|
+
本質問と関係はありませんが、`getComputedStyle()` と算出値(computed value)の関係が興味深かったので参考までに。
|
|
11
11
|
|
|
12
12
|
- [4. 値の処理 — CSS Cascading and Inheritance Level 4 （日本語訳）](https://triple-underscore.github.io/css-cascade-ja.html#value-stages)
|
|
13
13
|
- [4. Value Processing - CSS Cascading and Inheritance Level 4](https://drafts.csswg.org/css-cascade/#value-stages)
|