CSS - dynamic-range-limit
概要
| 属性名 | dynamic-range-limit |
|---|---|
| 値 | standard | no-limit | constrained | <dynamic-range-limit-mix()> |
| 値の詳細 |
<dynamic-range-limit-mix()> = dynamic-range-limit-mix( [ <dynamic-range-limit> && <percentage [0,100]> ]#{2,} ) |
| 初期値 | no-limit |
| 適用可能要素 | すべての要素 |
| 継承 | 継承する |
| サポート | https://caniuse.com/mdn-css_properties_dynamic-range-limit |
説明
HDRコンテンツの最大輝度を制限します。HDRコンテンツについては下記のサイトが参考になります。解像度、ビット深度、フレームレート、色域は SDRコンテンツと変わりませんが、輝度の幅が従来の SDRコンテンツに比べて広がり、より鮮明な画像や動画を表示することができます。
- standard
- 最大輝度を CSS の white に制限します。
- no-limit
- 最大輝度を制限しません。CSS の white よりも明るくなることがあります。デフォルト値です。
- constrained
- 最大輝度を多少制約します。CSS の white よりも少し明るくなることがあります。HDRコンテンツとSDRコンテンツの両方を表示する際に両者のバランスを取ることができるかもしれません。
- <dynamic-range-limit-mix()>
- 下記の様に複数の制限値と割合を指定し、それを混合させた結果に設定します。制限値と割合のペアは必ず2つ以上指定します。
dynamic-range-limit-mix(standard 40%, constrained 60%) dynamic-range-limit-mix(standard 40%, dynamic-range-limit-mix(standard 40%, constrained 60%))
使用例
CSS
video {
dynamic-range-limit: standard;
}
リンク
- https://drafts.csswg.org/css-color-hdr/#controlling-dynamic-range
- https://caniuse.com/mdn-css_properties_dynamic-range-limit
Copyright (C) 2025 杜甫々
初版：2025年5月11日、最終更新：2025年5月11日
https://www.tohoho-web.com/css/prop/dynamic-range-limit.htm