::backdrop
Misol
Dialog oynasi orqasidagi ko‘rinish sohasiga (viewbox) uslub bering:
dialog::backdrop {
background-color: lightgreen;
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
CSS ::backdrop psevdo-elementi dialog oynasi yoki popover elementi orqasidagi ko‘rinish sohasiga (viewbox) uslub berish uchun ishlatiladi.
| Versiya: | CSS Positioned Layout moduli, 4-daraja |
|---|
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar psevdo-elementni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Psevdo-element | |||||
|---|---|---|---|---|---|
| ::backdrop | 37 | 79 | 47 | 15.4 | 24 |
CSS sintaksisi
::backdrop {
css declarations;
}
Ko‘proq misollar
Misol
Dialog oynasi orqasidagi ko‘rinish sohasiga gradient bilan uslub bering:
dialog::backdrop {
background-color: #1fc8db; /* For browsers that do not support gradients */
background-image: linear-gradient(140deg, #EADEDB 0%, #BC70A4 50%, #BFD641 75%);
opacity:0.75;
}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS psevdo-elementlar
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!