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

Voir aussi