CSS psevdoelementlar
CSS psevdo-elementlari
CSS psevdo-element — elementning muayyan qismini uslublash uchun selektorga qo‘shilishi mumkin bo‘lgan kalit so‘zdir.
Psevdo-elementlarning ba’zi keng tarqalgan qo‘llanilishlari:
- Elementning birinchi harfini yoki birinchi qatorini uslublash
- Elementdan oldin yoki keyin kontent qo‘shish
- Ro‘yxat elementlari belgilarini uslublash
- Elementning foydalanuvchi tomonidan tanlangan qismini uslublash
- Dialog oynasi ortidagi viewbox’ni uslublash
Sintaksis
Psevdo-elementlar qo‘sha ikki nuqta (::) va undan keyin psevdo-element nomi bilan belgilanadi:
selector::pseudo-element-name {
CSS properties
}
Matnli psevdo-elementlar
Matn psevdo-elementlari matn kontentining muayyan qismlariga stil beradi:
::first-line— Matnning birinchi qatorini uslublash::first-letter— Matnning birinchi harfini uslublash
Kontentli psevdo-elementlar
Kontent psevdo-elementlari generatsiya qilingan kontentni qo‘shadi yoki unga stil beradi:
::before- Insert content before an element::after- Insert content after an element::marker- Style list item markers::selection- Style user-selected text::backdrop- Style dialog backdrop
CSS psevdo-elementlar ma’lumotnomasi
Barcha CSS Psevdo-elementlarining to‘liq ro‘yxati uchun CSS psevdo-elementlar ma’lumotnomasi sahifasiga tashrif buyuring.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!