Sifat float

Sifat float - menentukan blok terapung yang akan dikelilingi oleh teks. Sifat float kadangkala digunakan bersama-sama dengan sifat clear, yang membatalkan pengelilingan elemen.

Walaupun pada asalnya float dicipta untuk memasukkan blok terapung dalam teks, pada masa kini ia digunakan secara meluas dan tidak standard untuk membina susun atur.

Sintaks

selector {
	float: left | right | none;
}

selector {
	clear: both | left | right | none;
}

Nilai untuk float

Nilai	Keterangan
`left`	Blok akan terapung di sebelah kiri, dan teks akan mengelilinginya di sebelah kanan.
`right`	Blok akan terapung di sebelah kanan, dan teks akan mengelilinginya di sebelah kiri.
`none`	Tiada pengelilingan.

Nilai lalai: none.

Nilai untuk clear

Nilai	Keterangan
`left`	Membatalkan pengelilingan dari kiri.
`right`	Membatalkan pengelilingan dari kanan.
`both`	Membatalkan pengelilingan dari kiri dan kanan.
`none`	Tiada pembatalan pengelilingan.

Nilai lalai: none.

Contoh

Gunakan float secara tidak standard, meletakkan item senarai sebaris:

<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
	<li>5</li>
</ul>

li {
	float: left;
	border: 1px solid red;
}

Lihat juga

sifat clear,
yang membatalkan float untuk elemen di atas