:popover-open
Misol
Ko‘rsatilayotgan popover holatidagi istalgan elementni tanlang va unga uslub bering:
:popover-open {
width: 150px;
height: 150px;
position: absolute;
inset: unset;
bottom: 25px;
left: 25px;
margin: 0;
color: maroon;
background-color: orange;
font-size: 25px;
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
CSS :popover-open psevdo-klassi ko‘rsatilayotgan popover holatidagi istalgan elementni tanlaydi va unga uslub beradi.
Brauzerlar popover’larni standart holatda ko‘rish maydonining (viewport) o‘rtasida ko‘rsatadi.
Brauzerlarda popover’ning standart uslubi quyidagicha:
[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;
}
Demak, standart uslublarni qayta belgilash uchun :popover-open psevdo-klassidan foydalanishingiz mumkin.
| Versiya: | CSS4 |
|---|
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar psevdo-klassni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Psevdo-klass | |||||
|---|---|---|---|---|---|
| :popover-open | 114 | 114 | 125 | 17 | 100 |
CSS sintaksisi
:popover-open {
css declarations;
}
Tegishli sahifalar
HTML ma’lumotnomasi: popover atributi
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!