flex
Misol
Barcha flex elementlar kontentidan qat’i nazar bir xil uzunlikda bo‘lsin:
for (i = 0; i < y.length; i++) {
y[i].style.flex = "1";
}O‘zingiz sinab ko‘ring »
Tavsif
flex xususiyati elementning shu konteyner ichidagi boshqa flex elementlarga nisbatan uzunligini o‘rnatadi yoki qaytaradi.
flex xususiyati flexGrow, flexShrink va flexBasis xususiyatlari uchun qisqartma (shorthand) hisoblanadi.
Eslatma: Agar element flex element bo‘lmasa, flex xususiyati hech qanday ta’sir qilmaydi.
Brauzerlarda qo‘llab-quvvatlash
| Xususiyat | |||||
|---|---|---|---|---|---|
| flex | Ha | 11.0 | Ha | 9.0 | Ha |
Sintaksis
flex xususiyatini qaytarish:
object.style.flex
flex xususiyatini o‘rnatish:
object.style.flex = "flex-grow flex-shrink flex-basis|auto|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| flex-grow | Element boshqa flex elementlarga nisbatan qanchalik kattalashishini belgilovchi son |
| flex-shrink | Element boshqa flex elementlarga nisbatan qanchalik kichrayishini belgilovchi son |
| flex-basis | Elementning uzunligi. To‘g‘ri qiymatlar: "auto", "inherit" yoki ortidan "%", "px", "em" yoxud boshqa istalgan uzunlik birligi keladigan son |
| auto | 1 1 auto bilan bir xil. |
| initial | 0 1 auto bilan bir xil. initial haqida o‘qing |
| none | 0 0 auto bilan bir xil. |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Texnik tafsilotlar
| Standart qiymat: | 0 1 auto |
|---|---|
| Qaytariladigan qiymat: | Elementning flex xususiyatini ifodalovchi String |
| CSS versiyasi | CSS3 |
Tegishli sahifalar
CSS 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: flexShrink xususiyati
HTML DOM STYLE ma’lumotnomasi: flexWrap xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!