overflow
Misol
overflow xususiyatining turli qiymatlarini ko‘rsating:
div.ex1 {
overflow: scroll;
}
div.ex2 {
overflow: hidden;
}
div.ex3 {
overflow: auto;
}
div.ex4 {
overflow: clip;
}
div.ex5 {
overflow: visible;
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
overflow xususiyati kontent element qutisidan toshib chiqsa, nima sodir bo‘lishi kerakligini belgilaydi.
Bu xususiyat element kontenti belgilangan sohaga sig‘maydigan darajada katta bo‘lganda kontentni qirqish yoki aylantirish panellarini (scrollbar) qo‘shishni belgilaydi.
Eslatma: overflow xususiyati faqat balandligi belgilangan blok elementlarda ishlaydi.
| Standart qiymat: | visible |
|---|---|
| Meros qilinadi: | yo‘q |
| Animatsiya qilinadi: | yo‘q. animatable haqida o‘qing |
| Versiya: | CSS2 |
| JavaScript sintaksisi: | object.style.overflow="scroll" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| overflow | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
Eslatma: OS X Lion’da (Mac’da) aylantirish panellari standart holatda yashirin bo‘lib, faqat foydalanilayotganda ko‘rsatiladi ("overflow:scroll" o‘rnatilgan bo‘lsa ham).
CSS sintaksisi
overflow: visible|hidden|clip|scroll|auto|initial|inherit;
Xususiyat qiymatlari
| Qiymat | Tavsif | Demo |
|---|---|---|
| visible | Toshib chiqqan qism qirqilmaydi. U element qutisidan tashqarida chiziladi. Bu standart qiymat | Demo ❯ |
| hidden | Toshib chiqqan qism qirqiladi va kontentning qolgan qismi ko‘rinmaydi. Kontentni dastur orqali aylantirish mumkin (masalan, scrollLeft ni o‘rnatish yoki scrollTo() orqali) | Demo ❯ |
| clip | Toshib chiqqan qism qirqiladi va kontentning qolgan qismi ko‘rinmaydi. Aylantirish, jumladan dastur orqali aylantirish ham taqiqlanadi. | Demo ❯ |
| scroll | Toshib chiqqan qism qirqiladi, lekin kontentning qolgan qismini ko‘rish uchun aylantirish paneli (scroll-bar) qo‘shiladi | Demo ❯ |
| auto | Agar toshib chiqqan qism qirqilsa, kontentning qolgan qismini ko‘rish uchun aylantirish paneli qo‘shilishi kerak | Demo ❯ |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing | |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Tegishli sahifalar
CSS darsligi: CSS overflow
CSS darsligi: CSS joylashtirish
HTML DOM ma’lumotnomasi: overflow xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!