CSS-Schatten-Parts
Das CSS-Schatten-Parts-Modul definiert das ::part() Pseudo-Element, das auf einem Schatten-Host festgelegt werden kann. Mit diesem Pseudo-Element können Sie Schatten-Hosts ermöglichen, das ausgewählte Element im Schattenbaum der Außenseite der Seite für Stylingzwecke zugänglich zu machen.
Standardmäßig können Elemente in einem Schattenbaum nur innerhalb ihrer jeweiligen Schattenwurzel gestylt werden. Das CSS-Schatten-Parts-Modul ermöglicht es, ein part Attribut auf Nachkommen von <template> einzuschließen, die das benutzerdefinierte Element bilden und den Schattenbaumnode über das ::part() Pseudo-Element für externes Styling offenzulegen.
Referenz
Selektoren
HTML-Attribute
Definitionen
Leitfäden
- CSS Pseudo-Elemente
-
Alphabetische Liste der Pseudo-Elemente, die von allen CSS-Spezifikationen und WebVTT definiert werden
- Web-Komponenten
-
Übersicht über die verschiedenen APIs, die das Erstellen von wiederverwendbaren benutzerdefinierten Elementen 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 Schatten-DOM
- Templates: Styling außerhalb des aktuellen Bereichs auf web.dev (2023)