Skip to content

Commit dd19e41

Browse files
[HTML] Reference even more baseline concepts in CSS Inline Layout whatwg/html@a97372b
1 parent ae21fc0 commit dd19e41

File tree

3 files changed

+39
-42
lines changed

3 files changed

+39
-42
lines changed

HTML-canvas-ja.html

+33-40
Original file line numberDiff line numberDiff line change
@@ -178,8 +178,8 @@
178178

179179
●●options
180180

181-
spec_date:2024-10-29
182-
trans_update:2024-10-30
181+
spec_date:2024-12-06
182+
trans_update:2024-12-07
183183
source_checked:240712
184184
page_state_key:HTML
185185
spec_status:LS
@@ -999,6 +999,8 @@
999999
~CSS~pixel:~CSSVAL#px
10001000
~CSS全域~keyword:~CSSVAL#common-keywords
10011001

1002+
bL.em-over:~CSSINLINE#em-over-baseline
1003+
bL.em-under:~CSSINLINE#em-under-baseline
10021004
bL.alphabetic:~CSSINLINE#alphabetic-baseline
10031005
bL.hanging:~CSSINLINE#hanging-baseline
10041006
bL.ideographic-under:~CSSINLINE#ideographic-under-baseline
@@ -1086,7 +1088,8 @@
10861088
:point::~
10871089
始点:start point::~
10881090
終点:end point::~
1089-
中点:half-way::~
1091+
中点:halfway::~
1092+
中点:half-way
10901093
~~境目:edge
10911094
線:line::~
10921095
直線:straight line::~
@@ -1119,7 +1122,6 @@
11191122
並進:translation::~
11201123
中央:center::~
11211124
中心:center::~
1122-
真中:middle::~
11231125
終端-:ending
11241126
直径:diameter::~
11251127

@@ -1225,8 +1227,6 @@
12251227
ltr:::左横書き
12261228
送幅:advance width::送り幅
12271229
em:
1228-
平方:square:~
1229-
~em平方:em square
12301230
font-family:font family:::フォントファミリ
12311231
condensed:
12321232
actualBoundingBoxDescent$tM:descent
@@ -1418,9 +1418,7 @@
14181418
低い:low
14191419
より低:lower-
14201420
より低い:lower
1421-
最も低い:lowest
14221421
より高い:higher
1423-
最も高い:highest
14241422
高い/高:high
14251423
最も大きい:largest
14261424
最も近い:closest
@@ -5519,23 +5517,25 @@ <h6 title="Text styles">4.12.5.1.4. ~text~style</h6>
55195517
</p>
55205518
<figure>
55215519
<p class="alt" hidden id="_dgm-baselines">
5522-
~em平方の上端は
5520+
`em-over$bL 基底線は
55235521
概ね,~font内の~glyphの上端にある。
55245522
`hanging$bL 基底線は、
55255523
"आ" の様な一部の~glyphが起点とする所になる。
55265524
図の "middle" は、
5527-
~em平方の上端と下端の中点にある
5525+
`em-over$bL 基底線と `em-under$bL 基底線の中点にある
55285526
`alphabetic$bL 基底線は、
55295527
"Á", "ÿ", "f", "Ω" 様な文字が起点とする所になる。
55305528
`ideographic-under$bL 基底線は、
55315529
"私", "達" の様な~glyphが起点とする所になる。
5532-
~em平方の下端は
5530+
`em-under$bL 基底線は
55335531
概ね,~font内の~glyphの下端にある。
55345532
~glyphの限界~boxの上端と下端は、
5535-
当の~glyphが~em平方から遠く外側へ拡張することに因り,
5533+
当の~glyphが[
5534+
`em-over$bL / `em-under$bL
5535+
]基底線から遠く外側へ拡張することに因り,
55365536
これらの基底線から遠く離れることもある。
55375537
5538-
The top of the em square is roughly at the top of the glyphs in a font, the hanging baseline is where some glyphs like आ are anchored, the middle is half-way between the top of the em square and the bottom of the em square, the alphabetic baseline is where characters like Á, ÿ, f, and Ω are anchored, the ideographic-under baseline is where glyphs like 私 and 達 are anchored, and the bottom of the em square is roughly at the bottom of the glyphs in a font. The top and bottom of the bounding box can be far from these baselines, due to glyphs extending far outside the em square.
5538+
The em-over baseline is roughly at the top of the glyphs in a font, the hanging baseline is where some glyphs like आ are anchored, the middle is half-way between the em-over and em-under baselines, the alphabetic baseline is where characters like Á, ÿ, f, and Ω are anchored, the ideographic-under baseline is where glyphs like 私 and 達 are anchored, and the em-under baseline is roughly at the bottom of the glyphs in a font. The top and bottom of the bounding box can be far from these baselines, due to glyphs extending far outside em-over and em-under baselines.
55395539
</p>
55405540
</figure>
55415541

@@ -5549,9 +5549,9 @@ <h6 title="Text styles">4.12.5.1.4. ~text~style</h6>
55495549
<dl>
55505550
<dt>`top@l</dt>
55515551
<dd>
5552-
~em平方の上端
5552+
`em-over$bL 基底線
55535553
5554-
The top of the em square
5554+
The em-over baseline
55555555
</dd>
55565556

55575557
<dt>`hanging@l</dt>
@@ -5563,9 +5563,9 @@ <h6 title="Text styles">4.12.5.1.4. ~text~style</h6>
55635563

55645564
<dt>`middle@l</dt>
55655565
<dd>
5566-
~em平方の真中
5566+
`em-over$bL 基底線と `em-under$bL 基底線の中点
55675567
5568-
The middle of the em square
5568+
Halfway between the em-over baseline and the em-under baseline
55695569
</dd>
55705570

55715571
<dt>`alphabetic@l</dt>
@@ -5584,9 +5584,9 @@ <h6 title="Text styles">4.12.5.1.4. ~text~style</h6>
55845584

55855585
<dt>`bottom@l</dt>
55865586
<dd>
5587-
~em平方の下端
5587+
`em-under$bL 基底線
55885588
5589-
The bottom of the em square
5589+
The em-under baseline
55905590
</dd>
55915591
</dl>
55925592

@@ -9948,35 +9948,29 @@ <h6 title="Drawing text to the bitmap">4.12.5.1.11. ~bitmapへの~textの描法<
99489948
99499949
`textBaseline$2d 属性により指示される水平線
99509950
]から[
9951-
`行内~box$内の~em平方の最も高い上端
9951+
`行内~box$内の `em-over$bL 基底線
99529952
]までの距離を返す
99539953
— 正な数は、
9954-
所与の基底線が[
9955-
その~em平方の上端
9956-
]より下にあることを指示する
9954+
所与の基底線は `em-over$bL 基底線より下にあることを指示する
99579955
(なので、この値は通例的に正になる)。
9958-
所与の基底線がその~em平方の[
9959-
上端/真中
9960-
]にあるならば、[
9961-
0 / ~font~sizeの半分
9956+
所与の基底線が[
9957+
`em-over$bL 基底線ならば 0 /
9958+
`em-over$bL 基底線と `em-under$bL 基底線の中点にあるならば,~font~sizeの半分
99629959
]になる。
99639960
9964-
The distance from the horizontal line indicated by the textBaseline attribute to the highest top of the em squares in the inline box, in CSS pixels; positive numbers indicating that the given baseline is below the top of that em square (so this value will usually be positive). Zero if the given baseline is the top of that em square; half the font size if the given baseline is the middle of that em square.
9961+
The distance from the horizontal line indicated by the textBaseline attribute to the em-over baseline in the inline box, in CSS pixels; positive numbers indicating that the given baseline is below the em-over baseline (so this value will usually be positive). Zero if the given baseline is the em-over baseline; half the font size if the given baseline is halfway between the em-over baseline and the em-under baseline.
99659962
</dd>
99669963

99679964
<dt>`emHeightDescent@tM</dt>
99689965
<dd>
99699966
99709967
`textBaseline$2d 属性により指示される水平線
9971-
]から[
9972-
`行内~box$内の~em平方の最も低い下端
9973-
]までの距離を返す
9968+
]から `em-under$bL 基底線までの距離を返す
99749969
— 正な数は、
9975-
所与の基底線が~em平方の下端より上にあることを指示する
9976-
(所与の基底線が~em平方の下端にあるならば、
9977-
0 になる)。
9970+
所与の基底線は `em-under$bL 基底線より上にあることを指示する
9971+
(所与の基底線が `em-under$bL 基底線ならば, 0 になる)。
99789972
9979-
The distance from the horizontal line indicated by the textBaseline attribute to the lowest bottom of the em squares in the inline box, in CSS pixels; positive numbers indicating that the given baseline is above the bottom of that em square. (Zero if the given baseline is the bottom of that em square.)
9973+
The distance from the horizontal line indicated by the textBaseline attribute to the em-under baseline in the inline box, in CSS pixels; positive numbers indicating that the given baseline is above the em-under baseline. (Zero if the given baseline is the em-under baseline.)
99809974
</dd>
99819975

99829976
<dt>`hangingBaseline@tM</dt>
@@ -9987,9 +9981,8 @@ <h6 title="Drawing text to the bitmap">4.12.5.1.11. ~bitmapへの~textの描法<
99879981
`行内~box$の `hanging$bL 基底線
99889982
]までの距離を返す
99899983
— 正な数は、
9990-
所与の基底線が `hanging$bL 基底線より下にあることを指示する。
9991-
(所与の基底線がその~em平方の `hanging$bL 基底線ならば、
9992-
0 になる。)
9984+
所与の基底線は `hanging$bL 基底線より下にあることを指示する。
9985+
(所与の基底線が `hanging$bL 基底線ならば, 0 になる。)
99939986
99949987
The distance from the horizontal line indicated by the textBaseline attribute to the hanging baseline of the inline box, in CSS pixels; positive numbers indicating that the given baseline is below the hanging baseline. (Zero if the given baseline is the hanging baseline.)
99959988
</dd>
@@ -10014,12 +10007,12 @@ <h6 title="Drawing text to the bitmap">4.12.5.1.11. ~bitmapへの~textの描法<
1001410007
<p class="note">注記:
1001510008
`fillText()$2d / `strokeText()$2d
1001610009
を利用して描画された~glyphたちは、
10017-
~font~sizeにより与えられる~box(~em平方~size)や,
10010+
~font~sizeにより与えられる~boxや,
1001810011
`measureText()$2d ( ~text横幅 )から返される横幅をはみ出し得る。
1001910012
作者には、
1002010013
これが課題になる場合には,上に述べた限界~box値を利用することが奨励される。
1002110014
10022-
Glyphs rendered using fillText() and strokeText() can spill out of the box given by the font size (the em square size) and the width returned by measureText() (the text width). Authors are encouraged to use the bounding box values described above if this is an issue.
10015+
Glyphs rendered using fillText() and strokeText() can spill out of the box given by the font size and the width returned by measureText() (the text width). Authors are encouraged to use the bounding box values described above if this is an issue.
1002310016
</p>
1002410017

1002510018
<p class="note">注記:

HTML-dependencies-ja.html

+6-2
Original file line numberDiff line numberDiff line change
@@ -136,8 +136,8 @@
136136

137137
●●options
138138

139-
spec_date:2024-11-15
140-
trans_update:2024-11-16
139+
spec_date:2024-12-06
140+
trans_update:2024-12-07
141141
source_checked:240619
142142
page_state_key:HTML
143143
spec_status:LS
@@ -3702,6 +3702,8 @@ <h4 title="Dependencies">2.1.9. 依存関係</h4>
37023702
<li id="descent-metric">`~descent計量@~CSSINLINE#descent-metric$
37033703
<li>次に挙げる基底線:
37043704
<ul>
3705+
<li id="em-over-baseline">`em-over@~CSSINLINE#em-over-baseline$bL
3706+
<li id="em-under-baseline">`em-under@~CSSINLINE#em-under-baseline$bL
37053707
<li id="alphabetic-baseline">`alphabetic@~CSSINLINE#alphabetic-baseline$bL
37063708
<li id="hanging-baseline">`hanging@~CSSINLINE#hanging-baseline$bL
37073709
<li id="ideographic-under-baseline">`ideographic-under@~CSSINLINE#ideographic-under-baseline$bL
@@ -3712,6 +3714,8 @@ <h4 title="Dependencies">2.1.9. 依存関係</h4>
37123714
• alphabetic baseline
37133715
• ascent metric
37143716
• descent metric
3717+
• em-over baseline
3718+
• em-under baseline
37153719
• hanging baseline
37163720
• ideographic-under baseline
37173721
</dd>

HTML-resources/baselines.png

-1.22 KB
Loading

0 commit comments

Comments
 (0)