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.