回答編集履歴
2
軽微な修正
test
CHANGED
@@ -114,7 +114,7 @@
|
|
114
114
|
|
115
115
|
・アルファベット風
|
116
116
|
|
117
|
-
**マージン辺
|
117
|
+
**下マージン辺**を、アルファベット風ベースラインとします。
|
118
118
|
|
119
119
|
・中央
|
120
120
|
|
1
仕様が見つかったので追記
test
CHANGED
@@ -79,3 +79,61 @@
|
|
79
79
|
参考:
|
80
80
|
|
81
81
|
[Deep dive CSS: font metrics, line-height and vertical-align - Vincent De Oliveira](https://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align)
|
82
|
+
|
83
|
+
|
84
|
+
|
85
|
+
# 仕様が見つかったので追記
|
86
|
+
|
87
|
+
|
88
|
+
|
89
|
+
> If an atomic inline (such as an **inline-block**, inline-table, or replaced inline element) does not have a baseline, then the UA synthesizes a baseline table thus:
|
90
|
+
|
91
|
+
>
|
92
|
+
|
93
|
+
alphabetic
|
94
|
+
|
95
|
+
> The alphabetic baseline is assumed to be at the **under margin edge**.
|
96
|
+
|
97
|
+
central
|
98
|
+
|
99
|
+
> The central baseline is assumed to be halfway between the under and over margin edges of the box.
|
100
|
+
|
101
|
+
>
|
102
|
+
|
103
|
+
The vertical-align property in [CSS2] defines the baseline of inline-table and inline-block boxes with some exceptions.
|
104
|
+
|
105
|
+
[4.3. Atomic Inline Baselines | CSS Writing Modes Level 3](https://www.w3.org/TR/css-writing-modes-3/#replaced-baselines)
|
106
|
+
|
107
|
+
|
108
|
+
|
109
|
+
勝手訳:
|
110
|
+
|
111
|
+
|
112
|
+
|
113
|
+
元素的インライン(**インラインブロック**、インラインテーブル、あるいは置換インライン要素など)がベースラインを持っていない場合、ユーザーエージェントは以下のようにベースラインを合成します:
|
114
|
+
|
115
|
+
・アルファベット風
|
116
|
+
|
117
|
+
**マージン辺の下**を、アルファベット風ベースラインとします。
|
118
|
+
|
119
|
+
・中央
|
120
|
+
|
121
|
+
上下マージン辺の中心線を、中央ベースラインとします。
|
122
|
+
|
123
|
+
|
124
|
+
|
125
|
+
---
|
126
|
+
|
127
|
+
|
128
|
+
|
129
|
+
この、alphabeticとcentralという2種類のベースラインですが、通常は[前者が横書きの場合、後者が縦書きの場合](https://www.w3.org/TR/css-writing-modes-3/#text-baselines)、として使い分けられます。ただし、これを[上書きするCSSプロパティ](https://www.w3.org/TR/css-inline-3/#dominant-baseline-property)もあります。
|
130
|
+
|
131
|
+
|
132
|
+
|
133
|
+
---
|
134
|
+
|
135
|
+
|
136
|
+
|
137
|
+
大変勉強になるご質問でした。
|
138
|
+
|
139
|
+
ありがとうございました。
|