CSS-Schatten-Teile
Das CSS-Schatten-Teile-Modul definiert das ::part() Pseudoelement, das auf einem Schattenhost gesetzt werden kann. Mit diesem Pseudoelement können Sie Schattenhosts ermöglichen, das ausgewählte Element im Schattendom zum äußeren Stilzweck offenzulegen.
Standardmäßig können Elemente in einem Schattendom nur innerhalb ihrer jeweiligen Schattenwurzeln gestylt werden. Das CSS-Schatten-Teile-Modul ermöglicht das Hinzufügen eines part Attributs auf <template> Nachkommen, die das benutzerdefinierte Element bilden, um den Schattendom-Knoten über das ::part() Pseudoelement für externes Styling freizugeben.
Referenz
Selektoren
HTML-Attribute
Definitionen
Leitfäden
- CSS-Pseudoelemente
-
Alphabetische Liste von Pseudoelementen, die von allen CSS-Spezifikationen und WebVTT definiert sind.
- Webkomponenten
-
Überblick über die verschiedenen APIs, die das Erstellen wiederverwendbarer benutzerdefinierter Elemente oder Webkomponenten ermöglichen.
Verwandte Konzepte
- HTML
<template>-Element - HTML
<slot>-Element Element.part-EigenschaftElement.shadowRoot-EigenschaftElement.attachShadow()-MethodeShadowRoot-Schnittstelle- CSS-Scoping Modul
Spezifikationen
| Specification |
|---|
| CSS Shadow Parts |
Siehe auch
- CSS-Pseudoelemente Modul
- CSS-Selektoren Modul
- Verwendung von Shadow DOM
- Vorlagen: Stylen außerhalb des aktuellen Bereichs auf web.dev (2023)