height
Misol
<button> elementining balandligini o‘rnating:
document.getElementById("myBtn").style.height = "50px";O‘zingiz sinab ko‘ring »
Tavsif
height xususiyati elementning balandligini o‘rnatadi yoki qaytaradi.
height xususiyati faqat blok darajasidagi elementlarga yoki absolute yoxud fixed joylashuvli elementlarga ta’sir qiladi. Sig‘may qolgan kontentni overflow xususiyati yordamida boshqarish mumkin.
Maslahat: Elementning kengligini o‘rnatish yoki qaytarish uchun width xususiyatidan foydalaning.
Brauzerlarda qo‘llab-quvvatlash
| Xususiyat | |||||
|---|---|---|---|---|---|
| height | Ha | Ha | Ha | Ha | Ha |
Sintaksis
height xususiyatini qaytarish:
object.style.height
height xususiyatini o‘rnatish:
object.style.height = "auto|length|%|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| auto | Balandlikni brauzer o‘rnatadi. Bu standart qiymat |
| length | Balandlikni uzunlik birliklarida belgilaydi |
| % | Balandlikni ota elementga nisbatan % da belgilaydi |
| 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: | auto |
|---|---|
| Qaytariladigan qiymat: | Elementning balandligini ifodalovchi String |
| CSS versiyasi | CSS1 |
Ko‘proq misollar
Misol
<div> elementining balandligini o‘zgartiring:
document.getElementById("myDIV").style.height = "500px";
O‘zingiz sinab ko‘ring »
Misol
<img> elementining balandligi va kengligini o‘zgartiring:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
O‘zingiz sinab ko‘ring »
Misol
<img> elementining balandligini qaytaring:
alert(document.getElementById("myImg").style.height);
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS o‘lchamlar
CSS darsligi: CSS quti modeli
CSS ma’lumotnomasi: height xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!