Части тени CSS
Модуль CSS shadow parts определяет псевдоэлемент ::part(), который можно установить на хост тени. С помощью этого псевдоэлемента вы можете позволить хостам тени экспонировать выбранный элемент в дереве тени во внешнюю часть страницы для целей стилизации.
По умолчанию элементы в дереве тени могут быть стилизованы только внутри своих корней тени. Модуль CSS shadow parts позволяет включать атрибут part в потомках <template>, которые составляют пользовательский элемент, экспонируя узел дерева тени для внешней стилизации через псевдоэлемент ::part().
Справочник
Селекторы
Атрибуты HTML
Определения
Руководства
- Псевдоэлементы CSS
-
Алфавитный список псевдоэлементов, определенных всеми спецификациями CSS и WebVTT
- Веб-компоненты
-
Обзор различных API, которые позволяют создавать многократно используемые пользовательские элементы или веб-компоненты.
Связанные понятия
- Элемент HTML
<template> - Элемент HTML
<slot> -
Свойство
Element.part -
Свойство
Element.shadowRoot -
Метод
Element.attachShadow() -
Интерфейс
ShadowRoot - Модуль Ограничение области действия CSS
Спецификации
| Спецификация |
|---|
| CSS Shadow Parts |
См. также
- Модуль Псевдоэлементы CSS
- Модуль Селекторы CSS
- Использование shadow DOM
- Шаблоны: Стилизация за пределами текущего контекста на web.dev (2023)
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_shadow_parts
