exportparts
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.
L'attribut universel exportparts
permet de sélectionner et de mettre en forme des éléments qui existent dans des shadow trees, en exportant leur nom part
.
L'arbre du Shadow DOM est une structure isolée ou les identifiants, les classes et les styles ne peuvent être atteints par des sélecteurs ou des requêtes appartenant au DOM classique. Pour appliquer un style à un élément qui vit dans un arbre du Shadow DOM avec une règle CSS créée en dehors de cet arbre, il faudra utiliser l'attribut universel part
. Cet attribut doit être affecté à un élément présent dans l'arbre et sa valeur est un identifiant. Les règles présentes en dehors de l'arbre du Shadow DOM doivent utiliser le pseudo-élément CSS ::part
et celui-ci doit contenir le même identifiant comme argument.
L'attribut universel part
rend l'élément visible sur un seul niveau de profondeur. Lorsque l'arbre du Shadow DOM est imbriqué, les attributs part
ne seront visibles que du parent direct de l'arbre, mais pas des autres ancêtres. exportparts
permet d'exporter ces informations vers ces autres niveaux.
L'attribut exportparts
doit être placé sur un hôte auquel l'arbre du Shadow DOM sera attaché. La valeur de l'attribut doit être une liste de valeurs de part
, séparées par des virgules, qui doivent être rendues disponibles au DOM en dehors de la structure courante.
Spécifications
Specification |
---|
CSS Shadow Parts # element-attrdef-html-global-exportparts |
Compatibilité des navigateurs
BCD tables only load in the browser