overflow
Misol
Sig‘may qolgan kontentni aylantirish uchun overflow xususiyatidan foydalaning:
document.getElementById("myDIV").style.overflow = "scroll";O‘zingiz sinab ko‘ring »
Tavsif
overflow xususiyati element qutisidan tashqariga chiqib ko‘rsatiladigan kontent bilan nima qilishni o‘rnatadi yoki qaytaradi.
Maslahat: Agar butun hujjatning aylantirish panellarini yashirmoqchi bo‘lsangiz, overflow xususiyatini body yoki html elementiga qo‘llang.
Brauzerlarda qo‘llab-quvvatlash
| Xususiyat | |||||
|---|---|---|---|---|---|
| overflow | Ha | Ha | Ha | Ha | Ha |
Sintaksis
overflow xususiyatini qaytarish:
object.style.overflow
overflow xususiyatini o‘rnatish:
object.style.overflow = "visible|hidden|scroll|auto|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| visible | Kontent QIRQILMAYDI va element qutisidan tashqarida ko‘rsatilishi mumkin. Bu standart qiymat |
| hidden | Element qutisidan tashqaridagi kontent ko‘rsatilmaydi |
| scroll | Aylantirish panellari qo‘shiladi, kontent esa zarur bo‘lganda qirqiladi |
| auto | Zarur bo‘lganda kontent qirqiladi va aylantirish panellari qo‘shiladi |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Texnik tafsilotlar
| Standart qiymat: | visible |
|---|---|
| Qaytariladigan qiymat: | Element qutisidan tashqariga chiqib ko‘rsatiladigan kontentni ifodalovchi String |
| CSS versiyasi | CSS2 |
Ko‘proq misollar
Misol
Sig‘may qolgan kontentni yashirish uchun overflow xususiyatidan foydalaning:
document.getElementById("myDiv").style.overflow = "hidden";
O‘zingiz sinab ko‘ring »
Misol
overflow xususiyatini qaytarish:
alert(document.getElementById("myDiv").style.overflow);
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS overflow
CSS darsligi: CSS joylashtirish
CSS ma’lumotnomasi: overflow xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!