CSSda flex xususiyati-qisqartmasi
flex xususiyati o'sish, qisqarish va asosiy o'lcham xususiyatlari uchun
qisqartma hisoblanadi. Qisqartirilgan xususiyatlarning tartibi muhim
va quyidagicha: flex-grow, flex-shrink,
flex-basis. Xususiyatlarni oxiridan boshlab qoldirish mumkin,
bunda ular standart qiymatni oladi.
Quyidagi kodni flex xususiyati-qisqartmasi orqali qayta yozing:
.child {
flex-basis: 100px;
flex-grow: 1;
flex-shrink: 2;
}
Quyidagi kodni flex xususiyati-qisqartmasi orqali qayta yozing:
.child {
flex-shrink: 0.5;
flex-grow: 2;
}
Quyidagi kodni flex xususiyati-qisqartmasi orqali qayta yozing:
.child {
flex-shrink: 0.5;
flex-grow: 1;
}
Quyidagi kodni qisqartirilgan xususiyatlar orqali qayta yozing:
.child {
flex: 1 2 200px;
}
Quyidagi kodni qisqartirilgan xususiyatlar orqali qayta yozing:
.child {
flex: 2 0.7;
}
Quyidagi kodni qisqartirilgan xususiyatlar orqali qayta yozing:
.child {
flex: 3;
}
