flexShrink
Misol
Ko‘k DIV elementi boshqa flex elementlarga nisbatan besh baravar ko‘proq kichraysin:
document.getElementById("myBlueDiv").style.flexShrink = "5";O‘zingiz sinab ko‘ring »
Tavsif
flexShrink xususiyati element shu konteyner ichidagi boshqa flex elementlarga nisbatan qanday kichrayishini belgilaydi.
Eslatma: Agar element flex element bo‘lmasa, flexShrink xususiyati hech qanday ta’sir qilmaydi.
Brauzerlarda qo‘llab-quvvatlash
| Xususiyat | |||||
|---|---|---|---|---|---|
| flexShrink | Ha | 11.0 | Ha | 9.0 | Ha |
Sintaksis
flexShrink xususiyatini qaytarish:
object.style.flexShrink
flexShrink xususiyatini o‘rnatish:
object.style.flexShrink = "number|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| number | Element boshqa flex elementlarga nisbatan qanchalik kichrayishini belgilovchi son. Standart qiymat: 0 |
| 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: | 1 |
|---|---|
| Qaytariladigan qiymat: | Elementning flex-shrink xususiyatini ifodalovchi String |
| CSS versiyasi | CSS3 |
Tegishli sahifalar
CSS ma’lumotnomasi: flex-shrink xususiyati
HTML DOM STYLE ma’lumotnomasi: flex xususiyati
HTML DOM STYLE ma’lumotnomasi: flexBasis xususiyati
HTML DOM STYLE ma’lumotnomasi: flexDirection xususiyati
HTML DOM STYLE ma’lumotnomasi: flexFlow xususiyati
HTML DOM STYLE ma’lumotnomasi: flexGrow xususiyati
HTML DOM STYLE ma’lumotnomasi: flexWrap xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!