Skip to content

Commit 7604fba

Browse files
[css-borders-4] Allowed single <length> value in 'box-shadow-offset' w3c/csswg-drafts@b6529a4
1 parent 5aa66c8 commit 7604fba

File tree

1 file changed

+60
-28
lines changed

1 file changed

+60
-28
lines changed

css-borders-ja.html

Lines changed: 60 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -216,7 +216,7 @@
216216

217217
spec_title:CSS Borders and Box Decorations Module Level 4
218218
spec_date:2025-11-24
219-
trans_update:2025-11-24
219+
trans_update:2025-11-25
220220
source_checked:251021
221221
page_state_key:CSS
222222
original_url:https://drafts.csswg.org/css-borders-4/
@@ -557,6 +557,7 @@
557557
p.border-*-width:#border-width
558558
p.corner-*-shape:#corner-shaping
559559
p.corner-*-*-shape:#corner-shaping
560+
p.border-*-clip:#partial-borders
560561

561562
tp.box-shadow-blur:#propdef-box-shadow-blur
562563
tp.box-shadow-color:#propdef-box-shadow-color
@@ -1288,6 +1289,7 @@
12881289
そうならないようにするため:To balance that
12891290
からなる:outlining
12901291
^en:Web Platform Tests coverage
1292+
が:in opposite to
12911293

12921294
●未分類
12931295
協調-:coordinate:~
@@ -1702,7 +1704,7 @@ <h3 title="Module Interactions">1.1. ~module間の相互作用</h3>
17021704
</li>
17031705
<li>
17041706
1705-
`border-limit$p, `border-*-clip^p
1707+
`border-limit$p, `border-*-clip$p
17061708
]~prop介した部分的な~border
17071709
17081710
and partial borders via the border-limit and border-*-clip properties.
@@ -5970,7 +5972,7 @@ <h3 title="Offsetting shadows: the box-shadow-offset property">6.2. 影の~offse
59705972

59715973
<div>
59725974
◎名 `box-shadow-offset@p
5973-
◎値 [ `none$v0 | `length$t{2} ]#
5975+
◎値 [ `none$v0 | `length$t{1,2} ]#
59745976
◎初 `none$v0
59755977
◎適 すべての要素
59765978
◎継 されない
@@ -5989,7 +5991,7 @@ <h3 title="Offsetting shadows: the box-shadow-offset property">6.2. 影の~offse
59895991
◎表終
59905992
59915993
Name: box-shadow-offset
5992-
Value: [ none | &lt;length&gt;{2} ]#
5994+
Value: [ none | &lt;length&gt;{1,2} ]#
59935995
Initial: none
59945996
Applies to: all elements
59955997
Inherited: no
@@ -6000,28 +6002,33 @@ <h3 title="Offsetting shadows: the box-shadow-offset property">6.2. 影の~offse
60006002
</div>
60016003

60026004
<p>
6003-
`box-shadow-offset$p ~propは、[
6004-
値 `none$v0 / 2 個の `length$t 値が成す~pair
6005-
]たちが成す~commaで分離された~listを受容する
6006-
— 各~itemは、
6007-
各~落影の~offsetを定義する。
6005+
`box-shadow-offset$p ~propは、
6006+
~commaで分離された~listを受容する
6007+
— 各~itemは、[
6008+
`none$v0 /
6009+
1 個の `length$t /
6010+
2 個の `length$t が成す~pair
6011+
]を値にとり,対応する落影の~offsetを定義する。
60086012
60096013
The box-shadow-offset property defines one or more drop shadow offsets. The property accepts a comma-separated list. Each item in that list can either\
60106014
be the none value, which indicates no shadow,\
6011-
or a pair of horizontal and vertical offsets, where both values are described as &lt;length&gt; values.
6015+
a pair of &lt;length&gt; values, which define the horizontal and vertical offsets,\
6016+
or a single &lt;length&gt; value, which sets both offsets to the same value.
60126017
</p>
60136018

60146019
<dl class="valdef">
60156020
<dt>`none@v0 </dt>
60166021
<dd>
60176022
当の影は描画されなくなる。
6018-
この影に対応している他の各種 `box-shadow-*$p の値による効果はなくなる。
6023+
他の各種 `box-shadow-*$p の[
6024+
この影に対応している値
6025+
]による効果はなくなる。
60196026
60206027
The shadow will not be rendered. The values of other box shadow properties corresponding to this shadow have no effect.
60216028
</dd>
60226029

60236030
<dt>
6024-
`length$t{2}
6031+
`length$t{1,2}
60256032
60266033
</dt>
60276034
<dd>
@@ -6037,11 +6044,15 @@ <h3 title="Offsetting shadows: the box-shadow-offset property">6.2. 影の~offse
60376044
後者に対する[
60386045
正な値は下/負な値は上
60396046
]へ~offsetする。
6047+
`length$t が 1 個しか指定されなかった場合、
6048+
それが,`縦~offset$も設定する。
60406049
60416050
1st &lt;length&gt;
60426051
60436052
Specifies the horizontal offset of the shadow. A positive value draws a shadow that is offset to the right of the box, a negative length to the left.
60446053
6054+
If only one &lt;length&gt; value is specified, it sets both the horizontal and vertical offsets to that value.
6055+
60456056
2nd &lt;length&gt;
60466057
60476058
Specifies the vertical offset of the shadow. A positive value offsets the shadow down, a negative one up.
@@ -6302,8 +6313,9 @@ <h3 title="Drop Shadows Shorthand: the box-shadow property">6.6. 落影~略式
63026313

63036314
<p>
63046315
各~影は `spread-shadow$t として与えられる。
6305-
それは、
6306-
`box-shadow-offset$p 用の値と省略可能な[
6316+
それは、[
6317+
2 個の `length$t 値により定義される `box-shadow-offset$p 用の値
6318+
]と省略可能な[
63076319
`box-shadow-blur$p,
63086320
`box-shadow-spread$p,
63096321
`box-shadow-color$p,
@@ -6316,13 +6328,22 @@ <h3 title="Drop Shadows Shorthand: the box-shadow property">6.6. 落影~略式
63166328
~ELSE_ `currentcolor$v
63176329
]になる。
63186330
6319-
Each shadow is given as a &lt;spread-shadow&gt;, outlining the box-shadow-offset, and optional values for the box-shadow-blur, box-shadow-spread, box-shadow-color, and box-shadow-position. Omitted lengths are 0; omitted colors default to transparent when the specified offset is none and to currentcolor otherwise.
6331+
Each shadow is given as a &lt;spread-shadow&gt;, outlining the box-shadow-offset defined by two &lt;length&gt; values, and optional values for the box-shadow-blur, box-shadow-spread, box-shadow-color, and box-shadow-position. Omitted lengths are 0; omitted colors default to transparent when the specified offset is none and to currentcolor otherwise.
6332+
</p>
6333+
6334+
<p class="note">注記:
6335+
`box-shadow-offset$p ~propは,
6336+
1 個の `length^t 値を利用して両~offsetを指定できるが、
6337+
構文解析における他の~prop用の `length$t 値との多義性を避けるため,
6338+
この~propにおける~offsetは 2 個の `length^t 値として指定する必要がある。
6339+
6340+
Note: To avoid ambiguities in parsing the different &lt;length&gt; values, the offset has to be specified as two &lt;length&gt; values, in opposite to the box-shadow-offset property, where a single &lt;length&gt; value can be used to specify both offsets.
63206341
</p>
63216342

63226343
<pre class="prod">
63236344
`spread-shadow@t
63246345
= `box-shadow-color$tp?
6325-
&amp;&amp; [ `box-shadow-offset$tp [ `box-shadow-blur$tp `box-shadow-spread$tp? ]? ]
6346+
&amp;&amp; [ [ `none$v0 | `length$t{2} ] [ `box-shadow-blur$tp `box-shadow-spread$tp? ]? ]
63266347
&amp;&amp; `box-shadow-position$tp?
63276348
</pre>
63286349

@@ -6962,12 +6983,12 @@ <h2 title="Changes">変更点</h2>
69626983
<dd>
69636984
`corner-*^p 略式~propを追加した。
69646985
6965-
added corner-* shorthands
6986+
Added corner-* shorthands
69666987
</dd>
69676988
<dd>
69686989
`corners^p を `corner$p に改称した。
69696990
6970-
renamed corners to corner
6991+
Renamed corners to corner
69716992
</dd>
69726993
<dd>
69736994
`Web Platform Tests coverage^en を追加した。
@@ -6979,15 +7000,20 @@ <h2 title="Changes">変更点</h2>
69797000
~borderと影に関係する全部的な~text
69807001
]を組入れた。
69817002
6982-
incorporated full text of [CSS3BG] related to borders and shadows
7003+
Incorporated full text of [CSS3BG] related to borders and shadows
69837004
</dd>
69847005
<dd>
6985-
各種 物理- `border-clip-*^p 下位propを `border-*-clip^p に改称したことに加え、
7006+
各種 物理- `border-clip-*^p 下位propを `border-*-clip$p に改称したことに加え、
69867007
それらに対応する論理-[
69877008
下位prop, 略式prop
69887009
]を追加した。
69897010
69907011
Renamed border-clip-* properties to border-*-clip and added logical longhands and shorthands
7012+
</dd>
7013+
<dd>
7014+
`border-*-clip$p ~prop用の値 `normal^v を `none^v に改称した。
7015+
7016+
Renamed normal value of border-*-clip properties to none
69917017
</dd>
69927018
<dd>
69937019
各種 `border-*-*-radius$p 下位prop用に[
@@ -6996,7 +7022,13 @@ <h2 title="Changes">変更点</h2>
69967022
69977023
Added new syntax for border-*-*-radius longhands using a slash to separate horizontal and vertical radii
69987024
</dd>
6999-
7025+
<dd>
7026+
`box-shadow-offset$p 用には[
7027+
1 個の `length$t 値で両~offsetを同じ値に設定する
7028+
]ことを許容した。
7029+
7030+
Allowed a single &lt;length&gt; value for box-shadow-offset to set both offsets to the same value
7031+
</dd>
70007032
<dt id="level-changes">
70017033
`CSS3BG$r からの追加
70027034
@@ -7012,7 +7044,7 @@ <h2 title="Changes">変更点</h2>
70127044
物理-/論理-
70137045
] `border-*-radius^p 略式~propを追加した。
70147046
7015-
added physical and logical border-*-radius shorthands
7047+
Added physical and logical border-*-radius shorthands
70167048
</dd>
70177049
<dd>
70187050
@@ -7021,32 +7053,32 @@ <h2 title="Changes">変更点</h2>
70217053
`corner$p, 各種 `corner-*^p
70227054
]略式~propを追加した。
70237055
7024-
added corner-shape and corner-*-shape shorthands, plus related corner and corner-* shorthands
7056+
Added corner-shape and corner-*-shape shorthands, plus related corner and corner-* shorthands
70257057
</dd>
70267058
<dd>
70277059
`border-shape$p ~propを追加した。
70287060
7029-
added border-shape
7061+
Added border-shape
70307062
</dd>
70317063
<dd>
70327064
7033-
`border-limit$p, 各種 `border-*-clip^p
7065+
`border-limit$p, 各種 `border-*-clip$p
70347066
]~propを介した`部分的な~border@#partial-borders$を追加した。
70357067
7036-
added partial borders via border-limit and border-*-clip properties
7068+
Added partial borders via border-limit and border-*-clip properties
70377069
</dd>
70387070
<dd>
70397071
各種 `box-shadow-*^p 下位propを追加した。
70407072
`box-shadow$p を略式~propへ転換した。
70417073
7042-
added box-shadow-* longhands and turned box-shadow into a shorthand
7074+
Added box-shadow-* longhands and turned box-shadow into a shorthand
70437075
</dd>
70447076
<dd>
70457077
`CSS-LOGICAL-1$r から この仕様へ,各種[
70467078
論理-~border~prop
70477079
]を移動した。
70487080
7049-
moved logical border properties from [CSS-LOGICAL-1] to this spec.
7081+
Moved logical border properties from [CSS-LOGICAL-1] to this spec.
70507082
</dd>
70517083
</dl>
70527084

0 commit comments

Comments
 (0)