Kontent psevdoelementlari

Kontent uchun psevdo-elementlar

Kontent uchun psevdo-elementlar elementlardan oldin yoki keyin kontent kiritish, ro‘yxat belgilarini uslublash va boshqa imkoniyatlarni beradi.

::before psevdo-elementi ko‘rsatilgan element kontentidan oldin biror kontent kiritish uchun ishlatiladi.

Kiritiladigan kontentni belgilash uchun content xossasidan foydalaning.

Har bir <h3> elementi kontentidan oldin rasm kiritish:

h3::before {
content: url(smiley.gif);
}

::after psevdo-elementi ko‘rsatilgan element kontentidan keyin biror kontent kiritish uchun ishlatiladi.

Kiritiladigan kontentni belgilash uchun content xossasidan foydalaning.

Har bir <h3> elementi kontentidan keyin rasm kiritish:

h3::after {
content: url(smiley.gif);
}

::marker psevdo-elementi ro‘yxat elementlari belgilarini uslublash uchun ishlatiladi.

Ro‘yxat elementlari belgilarini uslublash:

::marker {
color: red;
font-size: 23px;
}

::selection psevdo-elementi foydalanuvchi tomonidan tanlangan matn qismini uslublash uchun ishlatiladi.

Foydalanuvchi tanlagan matnni qizil rang va sariq fon bilan uslublash:

::selection {
color: red;
background: yellow;
}

::backdrop psevdo-elementi dialog oynasi yoki popover elementi ortidagi viewbox’ni uslublash uchun ishlatiladi.

Dialog oynasi ortidagi viewbox’ni uslublash:

dialog::backdrop {
background-color: lightgreen;
}

Barcha CSS Psevdo-elementlarining to‘liq ro‘yxati uchun CSS psevdo-elementlar ma’lumotnomasi sahifasiga tashrif buyuring.

Yutuqlaringizni kuzating – bu bepul!