CSS 44 💻 scripting, update and video-dynamic-range media features

a - scripting media feature
scripting media feature is used to determine whether scripting like JavaScript is enabled
The result is based on user's browser preferences
values: none → scripting is not available
initial-only → scripting available only the initial page load
enabled → scripting is fully supported
@media (scripting: none) { } → style applies when scripting is not enabled
@media (scripting: initial-only) { } → style applies when scripting is available only at the first page load
@media (scripting: enabled) { } → style applies when scripting is fully enabled

b - update media feature
update media feature checks how often the device updates the rendered content
values: none → once rendered there will be no update on the content
slow → cannot update the content quickly enough so there will be no smooth animation
fast → content can be update fast enough and the animations will be smooth
@media (update: none) { } → style applies when no update will occur
@media (update: slow) { } → style applies when slow update will occur
@media (update: fast) { } → style applies when fast update will occure

c - video-dynamic-range media feature
video-dynamic-range applies styles based on the dynamic range of the output device
It is used to test the characteristics in the video plane
There is limited availability to browsers
values: standard → matches any devices except those that lack visual capabilities
high → matches devices with high peach brightness, high contrast ratio and color depth more than 24 bit
@media (dynamic-range: standard) { } → style applies to all output devices
@media (dynamic-range: high) { } → style applies only to devices with high peach brightness, high contrast ratio and color depth more than 24 bit