Pseudo-class :popover-open ya CSS

Ufafanuzi na matumizi

CSS :popover-open Pseudo-class inaongoza kwa kuchagua na kusadhihisha uendo wa mifano yoyote ambayo inaonyesha kwa uzoefu.

Kwa kawaida, browser huiwakilisha kufichukiza kati ya eneo la kingo cha kijana.

Mfano wa uendo wa kufichukiza kwa browser ni:

[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;
}

Kwa hivyo, kusadhihisha uendo wa muhimu, inaweza kutumia :popover-open pseudo-class.

Mifano

Chagua na wafaa kwenye uzoefu wa mifano yoyote ya kufichukiza kwa uzoefu:

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

Jifunze kufaifa

Inafua ya CSS

:popover-open {
  kutumia ujaribio;
}

Vifaa ya teknolojia

Mafaa wa browser

Ina namba za tabia kwenye jingwa inaezaa na msingi wa kufaa kwa msingi wa pseudo-class huo kwa browser ya kwanza.

Makao ya ujumbe

Tazama:Matokeo wa HTML popover attribute