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