SUNIPEYK

CSS shape-outside özelliğini artık kullanmaya başlayabiliriz. Firefox’un da bu özelliği desteklemesi ile birlikte desteklemeyen tarayıcı kalmadı (diyebiliriz). Caniuse shape-outside üzerinden tarayıcı desteklerini takip edebilirsiniz.

Opera mini tarayıcıda desteği yok görünmesine rağmen iOS Opera mini’de özellik çalışıyor. Ben denedim.

Evet IE ve Edge CSS shape-outside’ı desteklemiyor. Ancak artık IE’yi kim destekliyor ki?

Edge’e gelirsek; Edge’de artık Chromium tabanlı oluyor. Yeni Edge Tarayıcıyı Denemek isterseniz bu yazımızı okuyun. Edge Developer sürümünde denedim. Onda da çalışıyor. Sorun yok.

shape-outside Nedir?

Kötü bir tercüme ile; Şekil dışındaki CSS özelliği, bitişiğindeki satır içi içeriğinin etrafına sarılması gereken (dikdörtgen olmayan) bir şekli tanımlar.

Hiçbir şey anlaşılmıyor değil mi? Şöyle açıklamaya çalışayım. Bir görselin yan tarafında yazısı var ise bu yazı kısmının görseli, görsel kenarlarına uygun olarak çevrelemesini sağlar diyebiliriz.

Detaylı bilgi ve kullanım için Mozilla’nın shape-outside yazısını okuyun. Bu özellik ile neler yapılabileceği üzerine harika bir yazı da Smashing magazinedeki Art Direction For The Web Using CSS Shapes yazısı.