CSS :modal pseudo 클래스

정의와 사용법

CSS :modal pseudo 클래스는 모달 상태의 요소의 스타일을 선택하고 설정하는 데 사용됩니다.

예제

모달 상태의 요소의 스타일을 선택하고 설정합니다:

:modal {
  background-color: gold;
  border: 2px solid maroon;
  border-radius: 8px;
  font-size: 20px;
{}

직접 시도해 보세요

CSS 문법

:modal {
  css 선언;
{}

기술 세부 사항

버전: CSS4

브라우저 지원

표中的 숫자는 이伪클래스를 최초로 완전히 지원하는 브라우저 버전을 지정합니다.

Chrome Edge Firefox 사파리 오페라
105 105 103 15.6 91