text-shadow
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
text-shadow xususiyati matnga soya qo‘shadi.
Bu xususiyat matnga qo‘llaniladigan, vergul bilan ajratilgan soyalar ro‘yxatini qabul qiladi.
| Standart qiymat: | none |
|---|---|
| Meros qilinadi: | ha |
| Animatsiya qilinadi: | ha. animatable haqida o‘qing Sinab ko‘ring |
| Versiya: | CSS3 |
| JavaScript sintaksisi: | object.style.textShadow="2px 5px 5px red" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| text-shadow | 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
CSS sintaksisi
text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;
Eslatma: Matnga bir nechta soya qo‘shish uchun vergul bilan ajratilgan soyalar ro‘yxatini qo‘shing.
Xususiyat qiymatlari
| Qiymat | Tavsif | Demo |
|---|---|---|
| h-shadow | Majburiy. Gorizontal soyaning joylashuvi. Manfiy qiymatlarga ruxsat beriladi | Demo ❯ |
| v-shadow | Majburiy. Vertikal soyaning joylashuvi. Manfiy qiymatlarga ruxsat beriladi | Demo ❯ |
| blur-radius | Ixtiyoriy. Xiralashtirish radiusi. Standart qiymat — 0 | Demo ❯ |
| color | Ixtiyoriy. Soya rangi. Mumkin bo‘lgan rang qiymatlarining to‘liq ro‘yxati uchun CSS rang qiymatlari sahifasiga qarang | Demo ❯ |
| none | Standart qiymat. Soya yo‘q | Demo ❯ |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing | |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Maslahat: Ruxsat etilgan qiymatlar (CSS uzunlik birliklari) haqida batafsil o‘qing
Ko‘proq misollar
Misol
Xiralashtirish effektli text-shadow:
h1 {
text-shadow: 2px 2px 8px #FF0000;
}
O‘zingiz sinab ko‘ring »
Misol
Oq matndagi text-shadow:
h1 {
color: white;
text-shadow: 2px 2px 4px #000000;
}
O‘zingiz sinab ko‘ring »
Misol
Qizil va ko‘k neon nurli text-shadow:
h1 {
text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS matn soyasi
HTML DOM ma’lumotnomasi: textShadow xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!