|
174 | 174 | ●●options |
175 | 175 |
|
176 | 176 | 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 |
179 | 179 | source_checked:250423 |
180 | 180 | page_state_key:CSS |
181 | 181 | original_url:https://drafts.csswg.org/css-color-5/ |
|
284 | 284 | t.modern-hsla-syntax:#typedef-modern-hsla-syntax |
285 | 285 | t.legacy-device-cmyk-syntax:#typedef-legacy-device-cmyk-syntax |
286 | 286 | 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 |
287 | 289 |
|
288 | 290 | t.alpha-value:~CSSCOLOR#typedef-color-alpha-value |
289 | 291 | t.hue:~CSSCOLOR#typedef-hue |
|
862 | 864 | 多過ぎ:too many |
863 | 865 | 少な過ぎ:too few |
864 | 866 | ~RET 空~文字列:nothing is serialized. |
| 867 | + 構文解析-時の:parse-time |
865 | 868 |
|
866 | 869 | ●CSS |
867 | 870 | For:for:用途 |
@@ -1347,7 +1350,7 @@ <h2 title="The <color> syntax">2. `color^t 構文</h2> |
1347 | 1350 | | `system-color$t |
1348 | 1351 | | `contrast-color()$t |
1349 | 1352 | | `device-cmyk()$t |
1350 | | - | `light-dark()$t |
| 1353 | + | `light-dark-color$t |
1351 | 1354 |
|
1352 | 1355 | `color-base@t |
1353 | 1356 | = `hex-color$t |
@@ -1397,11 +1400,11 @@ <h2 title="The <color> syntax">2. `color^t 構文</h2> |
1397 | 1400 | a <system-color> (which depends on the color mode) |
1398 | 1401 | </li> |
1399 | 1402 | <li> |
1400 | | -`light-dark()$t |
| 1403 | +`light-dark-color$t |
1401 | 1404 | (これは、 |
1402 | 1405 | 色~modeに依存する) |
1403 | 1406 | ◎ |
1404 | | -<light-dark()> (which depends on the color mode) |
| 1407 | +<light-dark-color> (which depends on the color mode) |
1405 | 1408 | </li> |
1406 | 1409 | <li> |
1407 | 1410 | `contrast-color()$t |
@@ -1573,6 +1576,20 @@ <h3 title="Colorspace for mixing">3.1. 混合-用の色~空間</h3> |
1573 | 1576 | `oklab$v が指定された場合と同じになる。 |
1574 | 1577 | 】</p> |
1575 | 1578 |
|
| 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 | + |
1576 | 1593 | </section> |
1577 | 1594 | <section id="color-mix-percent-norm"> |
1578 | 1595 | <h3 title="Percentage Normalization">3.2. 百分率の正規化</h3> |
@@ -5933,14 +5950,21 @@ <h2 title="Reacting to the used color-scheme: the light-dark() Function">7. 使 |
5933 | 5950 | <p> |
5934 | 5951 | この関数には、[ |
5935 | 5952 | 2 個の色をとる形, 2 個の画像をとる形 |
5936 | | -]がある: |
| 5953 | +]がある。 |
| 5954 | +画像と色を併用するよう試みた場合の結果は、 |
| 5955 | +構文解析-時の~errorになる。 |
5937 | 5956 | ◎ |
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. |
5939 | 5958 | </p> |
5940 | 5959 |
|
5941 | 5960 | <pre class="prod"> |
5942 | 5961 | `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) |
5944 | 5968 | </pre> |
5945 | 5969 |
|
5946 | 5970 | <p> |
@@ -7602,9 +7626,18 @@ <h2 title="Changes">変更点</h2> |
7602 | 7626 | 18.1. Since the Working Draft of 13 January 2026 |
7603 | 7627 | </dt> |
7604 | 7628 | <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 個の色を伴う例を追加した。 |
7606 | 7639 | ◎ |
7607 | | -none |
| 7640 | +Added a color-mix() example with three colors, now that it is no longer restricted to just two. |
7608 | 7641 | </dd> |
7609 | 7642 |
|
7610 | 7643 | <dt id="changes-20250318"> |
|
0 commit comments