CSS float Özelliği

CSS float

Css float özelliğini kullanarak html elemanlarını sola ,sağa yaslanabilir.

Örnek:

Bu Örnekte bir img elemanına float uygulanmıştır.Fakat ondan sonra gelen p elemanıda etkilendiği için paragraf öğesi de sola yaslanmış olacaktır !

img { float: left; }

CSS float nedir nasıl kullanılır

Css foat özelliği ile html elemanları kapsayıcıları içersinde sola sağa doğru kaydırılabilir yaslanabilir.Burda unutulmaması gereken nokta mutlak konumlandırılmış html elemanlarında kaydırma işlemi kabul edilmez.Ve ayrıca unutulmaması gereken bir şeyde float işlemi uygulanan elemandan sonra gelen html elemanıda bu yaslama/kaydırma işleminden etkilenecektir.

CSS float CSS float özellikleri  
Varsayılan Değer: none  
Kalıtsallık: yok  
Animasyon Özelliği: yok  
Versiyon: CSS1  
JavaScript float: object.style.float="left"

CSS float Tarayıcı Desteği

Tablodaki sayılar özelliği ilk destekleyen tarayıcı sürümlerini göstermektedir.

CSS Kodu:
float 1.0 4.0 1.0 1.0 7.0

CSS float Değerleri

float: none|left|right|initial|inherit;

CSS float özelliği değerleri

CSS float değerleri CSS float değerleri tanımları CSS örnek uygulamalar
none Kaydırma özelliğini kullanmaz
left Sola doğru yaslar
right Sağa doğru yaslar.
initial Özelliğin varsayılan değeridir.
inherit Soy bağından gelen değeri kullanır.  

Yorumlar

Bu blogdaki popüler yayınlar

HTML progress Etiketi

CSS content Özelliği

HTML section Etiketi

CSS transition-delay Özelliği

CSS align-items özelliği

CSS text-justify Özelliği

CSS justify-content Özelliği

CSS border-collapse Özelliği

CSS overflow Özelliği

CSS top Özelliği