CSS yüzdüme özelliği

Tanım ve kullanım

float özelliği, elementin hangi yönde yükleneceğini tanımlar. Daha önce bu özellik genellikle görsel için kullanılırdı ve metin görsel etrafında dönerdi, ancak CSS'te herhangi bir element yüklenebilir. Yüklü elementler, ne olursa olsun hangi elementse olsun, bir blok kutusu oluştururlar.

Yüklü olmayan değiştirici elementler için belirli bir genişlik belirtmelisiniz; aksi takdirde, mümkün olduğunca dar kalırlar.

Yorum:Eğer bir satırda yüklü element için yeterli yer yoksa, bu element bir sonraki satıra geçer ve bu süreç, bir satırın yeterli alan bulana kadar devam eder.

Daha fazla bakın:

CSS dersleri:CSS konumlandırma

HTML DOM referans kitabı:cssFloat özelliği

Örnek

Görseli sağa yükle:

img
  {
  float:right;
  }

Kişisel olarak deneyin

CSS dilbilgisi

float: yok|sol|sağ|ilk_değer|geçirsiz;

Özellik değeri

Değer Açıklama
sol Eleman sola yüklü.
sağ Eleman sağa yüklü.
yok Varsayılan değer. Eleman yüklemez ve metinde ortaya çıktığı yerde gösterilir.
geçirsiz float özelliğinin değerini ebeveyn elemanından alması gerektiğini belirtir.

Teknik ayrıntılar

Varsayılan değer: yok
Geçirsizlik: hayır
Sürüm: CSS1
JavaScript dilbilgisi: object.style.cssFloat="left"

TIY örneği

float özelliğinin basit uygulaması
Bir paragrafın sağ kenarına yüklü bir görsel
Çerçeve ve sınırlarla yüklü bir görseli paragrafın sağ kenarına yerleştir
Bir paragrafın sağ kenarına yüklü bir görsel ekleyin. Görselere çerçeve ve sınırlar ekleyin.
Başlıklı görsel sağ kenarda yüklü
Başlıklı bir görseli sağ kenara yükle
Paragrafın ilk harfini sol kenara yükle
Paragrafın ilk harfini sol kenara yükle ve bu harfe stil ekleyin.
Dikey menü oluşturma
Sola bağlantılar olan bir yükleme kullanarak dikey menü oluşturma.
Tablosuz bir baş sayfa oluşturma
Başlık, altbilgi, sol dizin ve ana içeriği içeren bir baş sayfa oluşturmak için yükleme kullanın.

Tarayıcı desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0