Div Oval Kenar
Tasarımda Div için oval kenar gerektiğinde kullanılması gereken bir kodumuz var 🙂 Yeni tarayıcılar sonuna kadar desteklerken eski tarayıcılar için bu özelliği kullanmak istersen javascript kullanmak zorunda kalacaksın.
Biz şimdilik sadece Div oval kenar yapmak için gerekli olan CSS kodunu konuşalım.
-moz-border-radius: 5px; // Mozilla için ovalleştirme
-webkit-border-radius: 5px; // chrome için ovalleştirme
border-radius: 5px; // İnternet Explorer için ovalleştirme
Bir de şöyle bir örnek var. Örneği şu şekilde açıklayabiliriz istediğiniz kenara ovallik vermek istiyorsanız aşağıdaki gibi bir kod kullanmanız gerekecek.
div#kutu{
width: 400px;
padding: 20px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
background: #F00;
white-space:pre
}
Yardımlarından faydalandığımız Fatih Bey‘e de sonsuz teşekkürlerimi sunuyorum.
27 Ekim 2014
Benzer yazılar
Henüz yorum yapılmamış
Son Yorumlar
Allah yar ve yardımcın olsun kardeşim : ) Altın-dolar'ı bırak doğalgaz-pe...
Tamam yani 2020 kötü geçer diyordum da bu kadarı da biraz fazla mı oldu ne ...
Bu nasıl bir analiz bu nasıl bir öngörü be kardeşim :) 2015 sönük kaldı...
Böylesi bir güzelliği illa da Batı'lı bir şahsiyet tanınmlayan zihniyet z...
Bu aslında biraz da çocukların toplumsal hayatın merkezine yerleşmesi ile i...