شبه‌کلاس :popover-open CSS

تعریف و استفاده

CSS :popover-open شبه‌کلاس‌ها برای انتخاب و تنظیم استایل هر عنصری که در حال نمایش پاپ‌آپ است استفاده می‌شوند.

به صورت پیش‌فرض، مرورگر پاپ‌آپ را در وسط视‌پورت نمایش می‌دهد.

استایل پیش‌فرض پاپ‌آپ در مرورگرها به شرح زیر است:

[popover] {
position: fixed;
inset: 0;
width: fit-content;
height: fit-content;
margin: auto;
border: solid;
padding: 0.25em;
overflow: auto;
color: CanvasText;
background-color: Canvas;
}

بنابراین، برای تغییر استایل پیش‌فرض می‌توان از :popover-open شبه‌کلاس‌ها

مثال

طراحی و تنظیم استایل هر عنصری که در حال نمایش پاپ‌آپ است:

:popover-open {
  width: 150px;
  height: 150px;
  position: absolute;
  inset: unset;
  bottom: 25px;
  left: 25px;
  margin: 0;
  color: maroon;
  background-color: orange;
  font-size: 25px;
}

آزمایش کنید

نحوه نوشتن CSS

:popover-open {
  اظلاعات css;
}

جزئیات فنی

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که از این شبه‌کلاس کامل پشتیبانی می‌کند.

صفحات مرتبط

منبع:خصوصیت HTML popover