Skip to content

Commit fc6cd35

Browse files
[css-color-5] Change the computed value of light-dark() none from linear-gradient(transparent) to image(transparent) w3c/csswg-drafts@cb6bac6
+ Rework color scheme stuff to reflect f2f resolutions w3c/csswg-drafts@ed21afd
1 parent 84bb0c8 commit fc6cd35

1 file changed

Lines changed: 31 additions & 28 deletions

File tree

css-color5-ja.html

Lines changed: 31 additions & 28 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-05-01
178-
trans_update:2026-05-09
177+
spec_date:2026-05-11
178+
trans_update:2026-05-25
179179
source_checked:250423
180180
page_state_key:CSS
181181
original_url:https://drafts.csswg.org/css-color-5/
@@ -346,6 +346,7 @@
346346
v.transparent:~CSSCOLOR#valdef-color-transparent
347347
v.currentcolor:~CSSCOLOR#valdef-color-currentcolor
348348
v.none:~CSSCOLOR#valdef-color-none
349+
v.none@#valdef-light-dark-none
349350

350351
vN.X:~CSSCOLOR#valdef-color-X
351352

@@ -447,6 +448,7 @@
447448
純色度:~CSSCOLOR#chromaticity
448449
無力:~CSSCOLOR#powerless-color-component
449450

451+
~sRGB:~CSSCOLOR#sRGB-space
450452
~LCH色~空間:~CSSCOLOR#lab-colors
451453
円柱な極-座標:~CSSCOLOR#cylindrical-polar-color
452454
矩形な直交-座標:~CSSCOLOR#rectangular-orthogonal-color
@@ -468,7 +470,7 @@
468470
:~CSSCOLOR#hex-notation
469471
有名~色:~CSSCOLOR#named-color
470472
:~CSSCOLOR#named-colors
471-
~sRGB:~CSSCOLOR#sRGB-space
473+
~system色:~CSSCOLOR#css-system-colors
472474

473475
●用語(CSS
474476
実際の値:~CASCADE#actual-value
@@ -486,15 +488,14 @@
486488
解決d値:~CSSOM1#resolved-value
487489
外部の色~profileを~fetchする:#fetch-an-external-color-profile
488490

489-
使用~~scheme:~CSSCOLORADJUST#used-color-scheme
491+
~scheme:~CSSCOLORADJUST#color-scheme el.~scheme
492+
el.~scheme:~CSSCOLORADJUST#element-color-scheme
490493

491494
§ ~color_t 値の解決-:~CSSCOLOR#resolving-color-values
492495
§ ~color_t 値の直列化-:~CSSCOLOR#serializing-color-values
493496
§ 欠落~成分との補間-:~CSSCOLOR#interpolation-missing
494497

495-
色停:~CSSIMAGE#color-stop
496498
生来な~size:~CSSIMAGE#natural-size
497-
線型~gradient:~CSSIMAGE#linear-gradients
498499

499500
●用語(外部
500501
~list:~INFRA#list
@@ -671,7 +672,6 @@
671672
度数:angles in degree
672673
度数による:in degrees
673674
°:degree
674-
色停:color-stop::~
675675

676676
~~鮮やかさ:how "colorful"
677677
~~中間的:moderate
@@ -882,7 +882,6 @@
882882
宣言d:declared::宣言
883883
生来:natural::~
884884
式:expression::~
885-
線型:linear::~
886885
887886
`light-dark-image$t:the image form of light-dark()
888887

@@ -5991,12 +5990,12 @@ <h3 title="Naively Converting Between Uncalibrated CMYK and sRGB-Based Color">6.
59915990
<h2 title="Reacting to the used color-scheme: the light-dark() Function">7. 使用~色~schemeに対する反応-法: `light-dark^f 関数</h2>
59925991

59935992
<p>
5994-
~system色【 `system-color$t 】は、
5995-
現在の`使用~色~scheme$に反応する能がある
5993+
`~system色$は、
5994+
要素の`色~scheme$elに反応する能がある
59965995
`light-dark$f 関数は、
59975996
同じ能力を作者に公開する。
59985997
5999-
System colors have the ability to react to the current used color-scheme value. The light-dark() function exposes the same capability to authors.
5998+
System colors have the ability to react to an element’s color scheme. The light-dark() function exposes the same capability to authors.
60005999
</p>
60016000

60026001
<p>
@@ -6021,33 +6020,26 @@ <h2 title="Reacting to the used color-scheme: the light-dark() Function">7. 使
60216020

60226021
<p>
60236022
この関数の`算出d値$は、
6024-
`使用~色~scheme$に応じて
6023+
要素の`色~scheme$elに応じて
60256024
`light$v ならば 1 個目/
6026-
未知ならば 1 個目/
60276025
`dark$v ならば 2 個目
60286026
]の引数の`算出d値$ —
60296027
になる。
60306028
6031-
For the color form, this function computes to the computed value of the first color, if the used color scheme is light or unknown, or to the computed value of the second color, if the used color scheme is dark.
6029+
For the color form, this function computes to the computed value of the first color, if the element color scheme is light, or to the computed value of the second color, if the element color scheme is dark.
60326030
6033-
For the image form, this function returns the first image, if the used color scheme is light or unknown, or the second image, if the used color scheme is dark.
6031+
For the image form, this function returns the first image, if the element color scheme is light, or the second image, if the element color scheme is dark.
60346032
</p>
60356033

60366034
<p>
6037-
`light-dark-image$t 用の~keyword `none^v は、
6038-
全部的に透明かつ`生来な~size$を伴わない画像を生産する。
6039-
それは、
6040-
`linear-gradient(transparent)^v
6041-
— [
6042-
色 `transparent$v を伴う 1 個の`色停$
6043-
]を伴う`線型~gradient$ —
6044-
と等価になる。
6045-
6046-
The none keyword produces a fully transparent image with no natural size.
6047-
6048-
It is equivalent to a single-stop gradient whose stop color is transparent':
6035+
`light-dark-image$t 用の~keyword
6036+
`none@#valdef-light-dark-none@v
6037+
は、
6038+
`image(transparent)^v
6039+
(全部的に透明かつ`生来な~size$を伴わない画像)
6040+
に算出される。
60496041
6050-
linear-gradient(transparent)
6042+
The none keyword computes to image(transparent) (a fully transparent image with no natural size).
60516043
</p>
60526044

60536045
<div class="example" id="ex-light-dark-color">
@@ -6130,6 +6122,17 @@ <h2 title="Reacting to the used color-scheme: the light-dark() Function">7. 使
61306122
<pre class="lang-css">
61316123
background-image: light-dark(url(my-light-image.png), none);
61326124
</pre>
6125+
6126+
<p>
6127+
これは、
6128+
次と等価になる:
6129+
6130+
This is equivalent to:
6131+
</p>
6132+
6133+
<pre class="lang-css">
6134+
background-image: light-dark(url(my-light-image.png), image(transparent));
6135+
</pre>
61336136
</div>
61346137

61356138
</section>

0 commit comments

Comments
 (0)