CSS-de gysgaldy häsiýeti flex
flex häsiýeti, toklulyk, gysylma we ölçeg häsiýetleri üçin gysgaldy bolup hyzmat edýär.
Gysgaldylyan häsiýetleriň tertibi möhümdir we şu ýaly: flex-grow, flex-shrink,
flex-basis. Häsiýetleri ahyryndan geçirip bilersiňiz,
bu ýagdaýda olar deslapky bahasyny alar.
Aşakdaky kody gysgaldy häsiýet flex arkaly ýazyp görüň:
.child {
flex-basis: 100px;
flex-grow: 1;
flex-shrink: 2;
}
Aşakdaky kody gysgaldy häsiýet flex arkaly ýazyp görüň:
.child {
flex-shrink: 0.5;
flex-grow: 2;
}
Aşakdaky kody gysgaldy häsiýet flex arkaly ýazyp görüň:
.child {
flex-shrink: 0.5;
flex-grow: 1;
}
Aşakdaky kody gysgaldylyan häsiýetler arkaly ýazyp görüň:
.child {
flex: 1 2 200px;
}
Aşakdaky kody gysgaldylyan häsiýetler arkaly ýazyp görüň:
.child {
flex: 2 0.7;
}
Aşakdaky kody gysgaldylyan häsiýetler arkaly ýazyp görüň:
.child {
flex: 3;
}
