본문 바로가기
Frontend#Frontend#CSS조회 21

Shadow DOM 스타일링란?

정의

:host·::part·::slotted·CSS 변수로 Shadow DOM 경계 관통 스타일링.

Shadow DOM 스타일링 API

  • :host — 호스트 요소
  • :host-context — 조상 기반
  • ::part(name) — 외부 스타일 허용
  • ::slotted(sel) — 슬롯 콘텐츠
  • CSS 변수 — 자연스러운 테마 전달

🔗 함께 보면 좋은 용어

Frontend 전체 →