Skip to content

Commit d52e1bb

Browse files
committed
[css-color-hdr] Added dynamic-range-limit property, w3c#9074
1 parent d849551 commit d52e1bb

1 file changed

Lines changed: 45 additions & 1 deletion

File tree

css-color-hdr/Overview.bs

Lines changed: 45 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -169,7 +169,51 @@ Introducing Headroom {#introducing-headroom}
169169
to allow meaningful evaluation of the group of photos.
170170
</div>
171171

172-
172+
The 'dynamic-range-limit' property {#the-dynamic-range-limit-property}
173+
-------------------------------
174+
175+
<pre class='propdef'>
176+
Name: dynamic-range-limit
177+
Value: standard | high | constrained-high
178+
Initial: high
179+
Applies to: all elements
180+
Inherited: no
181+
Percentages: n/a
182+
Computed value: specified value
183+
Animation type: by computed value type
184+
Canonical order: per grammar
185+
</pre>
186+
187+
<dl dfn-type="value" dfn-for="dynamic-range-limit">
188+
<dt><dfn>standard</dfn>
189+
<dd>
190+
The highest luminance color
191+
that is displayed is the same as '
192+
media white, i.e. the CSS color ''white''.
193+
</dd>
194+
<dt><dfn>high</dfn>
195+
<dd>
196+
The highest peak luminance
197+
that is displayed is much greater than
198+
media white, i.e. the CSS color ''white'';
199+
the precise level is not specified.
200+
</dd>
201+
<dt><dfn>constrained-high</dfn>
202+
<dd>
203+
The highest peak luminance
204+
that is displayed is somewhat greater than
205+
media white, i.e. the CSS color ''white'',
206+
such that a mix of SDR and HDR content
207+
can be comfortably viewed together.
208+
</dd>
209+
</dl>
210+
211+
<div class="example" id="ex-hdr-limit-photogrid">
212+
<pre class="lang-css">
213+
body { dynamic-range-limit: standard; }
214+
div.photogrid img { dynamic-range-limit: constrained-high }
215+
</pre>
216+
</div>
173217

174218
Predefined color spaces for HDR: {#predefined-HDR}
175219
=====================

0 commit comments

Comments
 (0)