part HTML global attribute
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
The part global attribute contains a space-separated list of the part names of the element. Part names allows CSS to select and style specific elements in a shadow tree via the ::part pseudo-element.
See the exportparts attribute for a usage example.
Specifications
| Specification |
|---|
| CSS Shadow Module Level 1> # part-attr> |
Browser compatibility
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
part |
73 | 79 | 72 | 60 | 13.1 | 73 | 79 | 52 | 13.4 | 11.0 | 73 | 13.4 |
See also
-
exportpartsHTML attribute -
<template>and<slot>HTML elements -
::partand::slottedCSS pseudo-elements -
ShadowRootinterface -
Element.partproperty - Using templates and slots
- CSS scoping module
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/part
