CSS'te flex Kısaltma Özelliği
flex özelliği, esneme, büzüşme ve temel boyut
özellikleri için bir kısaltmadır.
Sıralama önemlidir ve şu şekildedir:
flex-grow, flex-shrink,
flex-basis. Özellikler sondan başlayarak
atlanabilir, bu durumda varsayılan değerlerini
alırlar.
Aşağıdaki kodu flex kısaltma özelliğini
kullanarak yeniden yazın:
.child {
flex-basis: 100px;
flex-grow: 1;
flex-shrink: 2;
}
Aşağıdaki kodu flex kısaltma özelliğini
kullanarak yeniden yazın:
.child {
flex-shrink: 0.5;
flex-grow: 2;
}
Aşağıdaki kodu flex kısaltma özelliğini
kullanarak yeniden yazın:
.child {
flex-shrink: 0.5;
flex-grow: 1;
}
Aşağıdaki kodu ayrılmış özellikler kullanarak yeniden yazın:
.child {
flex: 1 2 200px;
}
Aşağıdaki kodu ayrılmış özellikler kullanarak yeniden yazın:
.child {
flex: 2 0.7;
}
Aşağıdaki kodu ayrılmış özellikler kullanarak yeniden yazın:
.child {
flex: 3;
}
