CSS-Shadownteile
Das CSS Shadow Parts Modul definiert das ::part() Pseudoelement, das auf einem Shadow-Host gesetzt werden kann. Mithilfe dieses Pseudoelements können Sie Shadow-Hosts ermöglichen, das ausgewählte Element im Shadow-Baum für externe Seiten zu Styling-Zwecken freizugeben.
Standardmäßig können Elemente in einem Shadow-Baum nur innerhalb ihrer jeweiligen Shadow-Roots gestylt werden. Das CSS-Shadow-Parts-Modul ermöglicht das Hinzufügen eines part Attributs auf <template>-Nachfahren, die das benutzerdefinierte Element ausmachen und den Shadow-Baumknoten über das ::part() Pseudoelement für externes Styling freigeben.
Referenz
Selektoren
HTML-Attribute
Definitionen
Leitfäden
- CSS-Pseudo-Elemente
-
Alphabetische Liste der Pseudo-Elemente, die in allen CSS-Spezifikationen und WebVTT definiert sind
- Web-Komponenten
-
Übersicht über die verschiedenen APIs, die das Erstellen wiederverwendbarer benutzerdefinierter Elemente oder Web-Komponenten ermöglichen.
Verwandte Konzepte
- HTML
<template>-Element - HTML
<slot>-Element Element.partEigenschaftElement.shadowRootEigenschaftElement.attachShadow()MethodeShadowRootSchnittstelle- CSS-Scoping Modul
Spezifikationen
| Specification |
|---|
| CSS Shadow Parts |
Siehe auch
- CSS-Pseudo-Elemente Modul
- CSS-Selektoren Modul
- Verwendung von Shadow DOM
- Templates: Styling außerhalb des aktuellen Bereichs auf web.dev (2023)