సిఎస్ఎస్ :popover-open ప్రత్యామ్నాయ క్లాస్

నిర్వచనం మరియు ఉపయోగం

సిఎస్ఎస్ :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;
}

స్వయంగా ప్రయోగించండి

సిఎస్ఎస్ సంకేతాలు

:popover-open {
  సిఎస్ఎస్ నిర్వచనాలు;
}

సాంకేతిక వివరాలు

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ ప్రిమారీ బ్రౌజర్ సంస్కరణను పూర్తిగా మద్దతు ఇస్తాయి.

సంబంధిత పేజీలు:

సూచనలు:హ్ట్మ్ల్ పోప్యూవర్ అట్రిబ్యూట్