回答編集履歴

2

軽微な修正

2020/06/12 07:57

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア37413

test CHANGED
@@ -114,7 +114,7 @@
114
114
 
115
115
  ・アルファベット風
116
116
 
117
- **マージン辺の下**を、アルファベット風ベースラインとします。
117
+ **マージン辺**を、アルファベット風ベースラインとします。
118
118
 
119
119
  ・中央
120
120
 

1

仕様が見つかったので追記

2020/06/12 07:57

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア37413

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
+ ありがとうございました。