شبه‌کلاس :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 پوپ آپ اپریشن