Shadow parts de CSS
El módulo shadow parts de CSS define el pseudoelemento ::part()
que se puede establecer en un shadow host. Al usar este pseudoelemento, puedes habilitar shadow hosts para exponer el elemento seleccionado en el shadow tree al exterior de la página para poder estilarlo.
Por defecto, los elementos en un shadow tree solo se pueden estilar dentro de sus respectivos shadow roots. El módulo shadow parts de CSS habilita la inclusión de un atributo part
en los descendientes de <template>
que componen el elemento personalizado, exponiendo el nodo shadow tree para estilarlo usando el pseudoelemento ::part()
.
Referencia
Selectores
Atributos HTML
Definiciones
Guías
- Pseudoelementos CSS
-
Lista alfabética de pseudoelementos definidos por todas las especificaciones de CSS y WebVTT
- Componentes web
-
Vista general de las diferentes API que habilitan la creación de elementos personalizados reusables o componentes web.
Conceptos relacionados
- Elemento de HTML
<template>
- Elemento de HTML
<slot>
- Propiedad
Element.part
- Propiedad
Element.shadowRoot
- Método
Element.attachShadow()
- Interfaz
ShadowRoot
- Modulo ámbito de CSS
Especificaciones
Specification |
---|
CSS Shadow Parts |
Véase también
- Pseudoelementos de CSS module
- Selectores de CSS module
- Uso del shadow DOM
- Plantillas: Estilando fuera del ámbito actual en web.dev (2023)