Shadow parts

The part and exportparts HTML attributes expose elements of a shadow DOM as named parts, which can be selected by the ::part() CSS pseudo-element for styling.

Baseline Status: Achieved Widely Available on Jan 28, 2023 (Cross-browser Newly Available since Jul 28, 2020).

Desktop Browser Engine Support

Google Chrome

73

Supported

Mozilla Firefox

72

Supported

Apple Safari

13.1

Supported

Microsoft Edge

79

Supported

Mobile Browser Engine Support

Chrome Android

73

Firefox Android

79

Safari iOS

13.4

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

api.Element.part ↗ css.selectors.part ↗ html.global_attributes.exportparts ↗ html.global_attributes.part ↗