initial-letter
Misol
Bosh harfning (initial-letter) turli o‘lchamlarini ko‘rsating:
.normal::first-letter {
-webkit-initial-letter: normal;
initial-letter: normal;
}
.two::first-letter {
-webkit-initial-letter: 2;
initial-letter: 2; /* Initial letter occupies 2 lines */
}
.four::first-letter {
-webkit-initial-letter: 4;
initial-letter: 4; /* Initial letter occupies 4 lines */
}
.four2::first-letter {
-webkit-initial-letter: 4 2;
initial-letter: 4 2; /* Initial letter occupies 4 lines and sinks 2 lines */
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
initial-letter xususiyati bosh harf (initial-letter) o‘lchamini va ixtiyoriy ravishda bosh harf necha qator (matn ichida pastga) cho‘kishi kerakligini belgilaydi.
Bu xususiyat :first-letter psevdo-elementlariga va blok konteynerning inline darajadagi birinchi bola elementiga qo‘llaniladi.
| Standart qiymat: | normal |
|---|---|
| Meros qilinadi: | yo‘q |
| Animatsiya qilinadi: | yo‘q. animatable haqida o‘qing |
| Versiya: | CSS3 |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
-webkit- bilan keladigan sonlar prefiks bilan ishlagan birinchi versiyani bildiradi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| initial-letter | 110.0 | 110.0 | Qo‘llab-quvvatlanmaydi | 9.0 -webkit- | 96.0 |
CSS sintaksisi
initial-letter: normal|number|integer;
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| normal | Standart. Hech qanday ta’sir yo‘q. Matn odatdagidek ko‘rinadi |
| number | Bosh harf o‘lchamini o‘rnatadi (bosh harf necha qatorni egallashi kerakligini) |
| integer | Ixtiyoriy. Bosh harf (matn ichida) necha qator cho‘kishi kerakligini o‘rnatadi |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!