Skip to content

Commit 93bbb4e

Browse files
[css-color-5] 各種更新
editorial: Add example with omitted colorspace w3c/csswg-drafts@f805b23 Added a second form of the light-dark() function, which takes a pair of images rather than a pair of colors w3c/csswg-drafts@52c5538 editorial: Remove incorrect bikeshed syntax that was preventing publication
1 parent d263059 commit 93bbb4e

1 file changed

Lines changed: 43 additions & 10 deletions

File tree

css-color5-ja.html

Lines changed: 43 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -174,8 +174,8 @@
174174
●●options
175175

176176
spec_title:CSS Color Module Level 5
177-
spec_date:2026-03-15
178-
trans_update:2026-03-18
177+
spec_date:2026-03-23
178+
trans_update:2026-03-24
179179
source_checked:250423
180180
page_state_key:CSS
181181
original_url:https://drafts.csswg.org/css-color-5/
@@ -284,6 +284,8 @@
284284
t.modern-hsla-syntax:#typedef-modern-hsla-syntax
285285
t.legacy-device-cmyk-syntax:#typedef-legacy-device-cmyk-syntax
286286
t.modern-device-cmyk-syntax:#typedef-modern-device-cmyk-syntax
287+
t.light-dark-color:#typedef-light-dark-color
288+
t.light-dark-image:#typedef-light-dark-image
287289

288290
t.alpha-value:~CSSCOLOR#typedef-color-alpha-value
289291
t.hue:~CSSCOLOR#typedef-hue
@@ -862,6 +864,7 @@
862864
多過ぎ:too many
863865
少な過ぎ:too few
864866
~RET 空~文字列:nothing is serialized.
867+
構文解析-時の:parse-time
865868
866869
●CSS
867870
For:for:用途
@@ -1347,7 +1350,7 @@ <h2 title="The &lt;color&gt; syntax">2. `color^t 構文</h2>
13471350
| `system-color$t
13481351
| `contrast-color()$t
13491352
| `device-cmyk()$t
1350-
| `light-dark()$t
1353+
| `light-dark-color$t
13511354

13521355
`color-base@t
13531356
= `hex-color$t
@@ -1397,11 +1400,11 @@ <h2 title="The &lt;color&gt; syntax">2. `color^t 構文</h2>
13971400
a &lt;system-color&gt; (which depends on the color mode)
13981401
</li>
13991402
<li>
1400-
`light-dark()$t
1403+
`light-dark-color$t
14011404
(これは、
14021405
色~modeに依存する)
14031406
1404-
&lt;light-dark()&gt; (which depends on the color mode)
1407+
&lt;light-dark-color&gt; (which depends on the color mode)
14051408
</li>
14061409
<li>
14071410
`contrast-color()$t
@@ -1573,6 +1576,20 @@ <h3 title="Colorspace for mixing">3.1. 混合-用の色~空間</h3>
15731576
`oklab$v が指定された場合と同じになる。
15741577
</p>
15751578

1579+
<div class="example" id="ex-omitted-colorspace">
1580+
<p>
1581+
例えば,次の 2 つは、
1582+
正確に等価になる:
1583+
1584+
For example, these two are exactly equivalent:
1585+
</p>
1586+
1587+
<pre class="lang-css">
1588+
color-mix(in oklab, firebrick, goldenrod)
1589+
color-mix(firebrick, goldenrod)
1590+
</pre>
1591+
</div>
1592+
15761593
</section>
15771594
<section id="color-mix-percent-norm">
15781595
<h3 title="Percentage Normalization">3.2. 百分率の正規化</h3>
@@ -5933,14 +5950,21 @@ <h2 title="Reacting to the used color-scheme: the light-dark() Function">7. 使
59335950
<p>
59345951
この関数には、[
59355952
2 個の色をとる形, 2 個の画像をとる形
5936-
]がある:
5953+
]がある。
5954+
画像と色を併用するよう試みた場合の結果は、
5955+
構文解析-時の~errorになる。
59375956
5938-
There are two forms of this function: one takes a pair of colors while the other takes a pair of images.
5957+
There are two forms of this function: one takes a pair of colors while the other takes a pair of images. Attempting to use one image and one color will result in a parse-time error.
59395958
</p>
59405959

59415960
<pre class="prod">
59425961
`light-dark@f
5943-
= light-dark( [`color$t, `color$t] | [`image$t, `image$t])
5962+
= `light-dark-color$t
5963+
| `light-dark-image$t
5964+
`light-dark-color@t
5965+
= light-dark(`color$t, `color$t)
5966+
`light-dark-image@t
5967+
= light-dark(`image$t, `image$t)
59445968
</pre>
59455969

59465970
<p>
@@ -7602,9 +7626,18 @@ <h2 title="Changes">変更点</h2>
76027626
18.1. Since the Working Draft of 13 January 2026
76037627
</dt>
76047628
<dd>
7605-
(まだ無い)
7629+
`light-dark$f 関数~用に
7630+
— 2 個の色をとる形に加えて —
7631+
2 個の画像をとる形を追加した。
7632+
( `12513$issue )
7633+
7634+
Added a second form of the light-dark() function, which takes a pair of images rather than a pair of colors (Issue 12513)
7635+
</dd>
7636+
<dd>
7637+
もはや 2 個だけの色に制約されなくなった `color-mix$f に
7638+
3 個の色を伴う例を追加した。
76067639
7607-
none
7640+
Added a color-mix() example with three colors, now that it is no longer restricted to just two.
76087641
</dd>
76097642

76107643
<dt id="changes-20250318">

0 commit comments

Comments
 (0)