Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

added release note for CSSPropertyRule and registerProperty #34625

Merged
merged 10 commits into from
Jul 8, 2024
46 changes: 2 additions & 44 deletions files/en-us/mozilla/firefox/experimental_features/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -1467,7 +1467,7 @@ Note that, as shown below, the feature is only available on Nightly builds (irre
</tbody>
</table>

#### OpenFont COLRv1 fonts
### OpenFont COLRv1 fonts

This feature provides support for the [OpenFont COLRv1 font specification](https://docs.microsoft.com/en-us/typography/opentype/spec/).
This enables compression-friendly color vector fonts with gradients, compositing and blending to be loaded using the CSS [`@font-face`](/en-US/docs/Web/CSS/@font-face) rule, or the [CSS Font Loading API](/en-US/docs/Web/API/CSS_Font_Loading_API).
Expand Down Expand Up @@ -1509,49 +1509,7 @@ See [Firefox bug 1740530](https://bugzil.la/1740530) for more details.
</tbody>
</table>

#### CSS Properties and Values API

The [CSS Properties and Values API](/en-US/docs/Web/API/CSS_Properties_and_Values_API) allows developers to register custom CSS properties through JavaScript via [`registerProperty()`](/en-US/docs/Web/API/CSS/registerProperty_static) or in CSS using the [`@property`](/en-US/docs/Web/CSS/@property) at-rule.
Registering properties using these two methods allows for type checking, default values, and properties that do or do not inherit values from their parent elements.
See [Firefox bug 1840480](https://bugzil.la/1840480) for more details.

<table>
<thead>
<tr>
<th>Release channel</th>
<th>Version added</th>
<th>Enabled by default?</th>
</tr>
</thead>
<tbody>
<tr>
<th>Nightly</th>
<td>116</td>
<td>Yes</td>
</tr>
<tr>
<th>Developer Edition</th>
<td>116</td>
<td>No</td>
</tr>
<tr>
<th>Beta</th>
<td>116</td>
<td>No</td>
</tr>
<tr>
<th>Release</th>
<td>116</td>
<td>No</td>
</tr>
<tr>
<th>Preference name</th>
<td colspan="2"><code>layout.css.property-and-value-api.enabled</code></td>
</tr>
</tbody>
</table>

#### CSS Custom Highlight API
### CSS Custom Highlight API

The [CSS Custom Highlight API](/en-US/docs/Web/API/CSS_Custom_Highlight_API) provides a mechanism for styling arbitrary text ranges in a document (generalizing the behavior of other highlight pseudo-elements such as {{cssxref('::selection')}}, {{cssxref('::spelling-error')}}, {{cssxref('::grammar-error')}}, and {{cssxref('::target-text')}}).
The ranges are defined in JavaScript using [`Range`](/en-US/docs/Web/API/Range) instances grouped in a [`Highlight`](/en-US/docs/Web/API/Highlight), and then registered with a name using [`HighlightRegistry`](/en-US/docs/Web/API/HighlightRegistry).
Expand Down
2 changes: 2 additions & 0 deletions files/en-us/mozilla/firefox/releases/128/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -64,6 +64,8 @@ This article provides information about the changes in Firefox 128 that affect d
This provides an application with a simple mechanism to know in advance whether playback at the optimal resolution will be allowed, without having to create a media key session or fetch a real license. ([Firefox bug 1878714](https://bugzil.la/1878714)).
- {{domxref('RTCRtpTransceiver.setCodecPreferences()')}} is now supported for setting the codecs that a WebRTC local peer is able to use for decoding received data, in its preferred codec order. Web applications can use this to cause the remote peer to choose a preferred codec, and to disable the negotiation of specific codecs — including those used for retransmission, redundancy, and forward error correction. ([Firefox bug 1396922](https://bugzil.la/1396922)).
- Serialization of [declarative shadow DOM](/en-US/docs/Web/API/Web_components/Using_shadow_DOM#declaratively_with_html), including the methods {{domxref('ShadowRoot.getHTML()')}} and {{domxref('Element.getHTML()')}}, and associated properties {{domxref('ShadowRoot.serializable')}} and {{domxref('HTMLTemplateElement.shadowRootSerializable')}}.
- The [`CSSPropertyRule`](/en-US/docs/Web/API/CSSPropertyRule) is now supported. This allows you to get the values of a [CSS custom property](/en-US/docs/Web/CSS/--*) set in an [`@property`](/en-US/docs/Web/CSS/@property) at-rule, including [`name`](/en-US/docs/Web/API/CSSPropertyRule/name), [`syntax`](/en-US/docs/Web/API/CSSPropertyRule/syntax), [`inherits`](/en-US/docs/Web/API/CSSPropertyRule/inherits) and [`initialValue`](/en-US/docs/Web/API/CSSPropertyRule/initialvalue) ([Firefox bug 1864818](https://bugzil.la/1864818)).
dletorey marked this conversation as resolved.
Show resolved Hide resolved
- The [`registerProperty`](/en-US/docs/Web/API/CSS/registerProperty_static) is now supported. This allows you to define a [CSS custom property](/en-US/docs/Web/CSS/--*) via JavaScript in the same way this can be achieved with the `@property` at-rule in CSS ([Firefox bug 1864818](https://bugzil.la/1864818)).
dletorey marked this conversation as resolved.
Show resolved Hide resolved

#### DOM

Expand Down