Contoh
Membiarkan mengambang gambar ke kiri / kanan teks, ketika mengklik dua tombol:
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
} Cobalah sendiri " Definisi dan Penggunaan
The cssFloat set properti atau mengembalikan keselarasan horizontal elemen.
Catatan: CSS "float" properti disebut "cssFloat" dalam JavaScript, karena "float" adalah kata reserved dalam JavaScript.
Note: Jika ada terlalu sedikit ruang pada baris untuk elemen mengambang, itu akan melompat ke baris berikutnya yang memiliki cukup ruang.
Dukungan Browser
Properti cssFloat didukung di semua browser utama.
Sintaksis
Kembali properti cssFloat:
object .style.cssFloat
Mengatur properti cssFloat:
object .style.cssFloat="left|right|none|initial|inherit"
Nilai properti
| Nilai | Deskripsi |
|---|---|
| none | Objek / elemen tidak melayang. Ini adalah default |
| left | Objek / elemen akan mengapung ke kiri di elemen induk |
| right | Objek / elemen akan mengapung ke kanan di elemen induk |
| initial | Set properti ini ke nilai default. Baca tentang awal |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Rincian teknis
| Nilai default: | tak satupun |
|---|---|
| Kembali Nilai: | Sebuah String, yang mewakili keselarasan horizontal elemen |
| DOM Versi | DOM Level 2 |
Contoh lebih
Contoh
Mengubah properti cssFloat dari elemen DIV:
document.getElementById("myDIV").style.cssFloat = "left";
Cobalah sendiri " Pages terkait
CSS tutorial: CSS Lampung
<Style Object