Atribut float CSS
Rekomendasi kursus:
Definisi dan penggunaan
Jika mengambang elemen non-ganti, tentukan lebar yang jelas; jika tidak, mereka akan mencoba untuk menjadi yang terpanjang mungkin.
Keterangan:Jika ada sangat sedikit ruang di baris atas untuk elemen mengambang, elemen ini akan melompat ke baris berikutnya, proses ini akan berlanjut sampai baris mana pun memiliki cukup ruang.
Lihat juga:
Panduan CSS:Posisi CSS
Panduan Referensi HTML DOM:Atribut cssFloat
Syntaks CSS
float: none|left|right|initial|inherit;
Nilai atribut
| Nilai | Deskripsi |
|---|---|
| left | Elemen mengambang ke kiri. |
| right | Elemen mengambang ke kanan. |
| none | Nilai default. Elemen tidak mengambang dan akan ditampilkan di tempatnya di teks. |
| inherit | Atur nilai float harus diwarisi dari elemen induk. |
Detil teknis
| Nilai default: | none |
|---|---|
| Inheritsi: | no |
| Versi: | CSS1 |
| Syntaks JavaScript: | object.style.cssFloat="left" |
Contoh TIY
- Penggunaan sederhana atribut float
- Membuat gambar mengambang di sisi kanan paragraf
- Membuat gambar dengan border dan margin mengambang di sisi kanan paragraf
- Membuat gambar mengambang di sisi kanan paragraf. Tambahkan border dan margin ke gambar.
- Gambar dengan judul mengambang di sisi kanan
- Membuat gambar dengan judul mengambang di sisi kanan
- Membuat huruf pertama paragraf mengambang di sisi kiri
- Membuat huruf pertama paragraf mengambang di sisi kiri, dan menambahkan gaya ke huruf ini.
- Membuat menu horizontal
- Membuat menu horizontal menggunakan floating dengan tautan tunggal.
- Membuat halaman utama tanpa tabel
- Membuat halaman utama dengan judul halaman, kaki halaman, daftar referensi kiri dan konten utama menggunakan floating.
Dukungan browser
Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuh.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
