Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Emre Sabuncu tarafından sunulan CSS derslerinin üçüncü bölümüdür.
- Videoda flex flow özelliği anlatılmaktadır. Flex flow, flex wrap ve flex direction özelliklerinin kısayolu olarak kullanılmaktadır. Emre Sabuncu, flex flow'un nasıl çalıştığını, row, row-reverse, column, column-reverse, wrap ve nowrap değerlerinin ne anlama geldiğini ve bunların kutuların dizilimini nasıl etkilediğini örneklerle göstermektedir. Ayrıca, bu özelliğin webkit ve mozilla için nasıl kullanılacağı ve tarayıcı uyumluluğu hakkında bilgiler verilmektedir.
- 00:01CSS Flex Flow Özellikleri
- CSS'de flex flow özelliği, yönü ve akışkanlığı (esnekliği) kontrol etmeyi sağlar.
- Önceki derslerde kullanılan flex wrap ve flex direction özellikleri tek bir özellik olan flex flow ile birleştirilebilir.
- Flex wrap özelliği, kutular sığmazsa aşağı doğru inmesini sağlar.
- 00:45Flex Flow Özelliklerinin Kullanımı
- Flex flow özelliği, flex wrap ve flex direction özelliklerini tek bir özellik olarak birleştirir.
- Flex flow'un default değeri row'dur, row-reverse değeri ise kutuları tersinden dizmeye başlar.
- Nowrap değeri, kutuların satır veya sütun olarak dizilmesini engeller.
- 03:16Flex Flow Özelliklerinin Tarayıcı Uyumluluğu
- Flex flow özelliğini kullanmak için webkit veya mozilla gibi tarayıcı önekleri eklenmesi gerekir.
- Tarayıcılar açısından uyumluluk için webkit veya mozilla önekleri kullanılmalıdır.
- Örnekler üzerinden hangi özelliklerin hangi tarayıcılarla uyumlu çalıştığı görülebilir.