CSS -moz-bool-pref() @supports function

Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

The -moz-bool-pref() @supports condition is available to Gecko chrome and UA stylesheets to check if a boolean preference is enabled.

Syntax

-moz-bool-pref( <string> )

Parameters

<string>
The preference name

Returns

Evaluates to true if the preference is enabled, false otherwise.

Example

Warning: This will only work when loaded from a Gecko chrome stylesheet.

HTML

<div id="pref-test">
  This will have a green background if the <code>test</code> preference is enabled.
</div>

CSS

@supports -moz-bool-pref("test") {
  #pref-test {
    background: green;
  }
}

@supports not -moz-bool-pref("test") {
  #pref-test {
    background: red;
  }
}

Result

See also