CSS :popover-open sanal sınıfı

Tanım ve kullanım

CSS :popover-open Sanal sınıf, görünür durumda olan herhangi bir elemanın stillerini seçmek ve ayarlamak için kullanılır.

Varsayılan olarak, tarayıcı açılır pencerenin görüntüleneceği konumu ekranın ortasında yer alır.

Tarayıcıdaki açılır pencerenin varsayılan stilleri şu şekildedir:

[popover] {
konum: sabit;
dahil: 0;
genişlik: fit-content;
yükseklik: fit-content;
marj: otomatik;
çerçeve: sürekli;
dolgu: 0.25em;
aşırı: otomatik;
color: CanvasText;
background-color: Canvas;
}

Bu nedenle, varsayılan stilleri geçersiz kılmak için aşağıdaki gibi kullanabilirsiniz :popover-open Sanal sınıf

Örnek

Görünür durumda olan herhangi bir elemanın stillerini seçin ve ayarlayın:

:popover-open {
  genişlik: 150px;
  yükseklik: 150px;
  konum: absolute;
  dahil: belirlenmemiş;
  alt: 25px;
  sol: 25px;
  margin: 0;
  color: kırmızı;
  background-color: turuncu;
  font-size: 25px;
}

Kişisel olarak deneyin

CSS dilbilgisi

:popover-open {
  css ifadeleri;
}

Teknik ayrıntılar

Tarayıcı desteği

Tabloda belirtilen sayılar, bu sanal sınıfı tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

İlgili sayfalar

Kaynak:HTML açılır pencere özelliği