Gaya cssFloat Properti
Contoh
Biarkan gambar melayang ke kiri/kanan teks, saat mengklik dua tombol:
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
}
Definisi dan Penggunaan
Properti cssFloat menetapkan atau mengembalikan perataan horizontal suatu elemen.
Catatan: Properti "float" CSS disebut "cssFloat" dalam JavaScript, karena "float" adalah kata yang dicadangkan dalam JavaScript.
Catatan: Jika ada terlalu sedikit ruang pada baris untuk elemen mengambang, itu akan melompat ke baris berikutnya yang memiliki cukup ruang.
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
cssFloat | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Kembalikan properti cssFloat:
object.style.cssFloat
Setel properti cssFloat:
object.style.cssFloat = "left|right|none|initial|inherit"
Nilai properti
Value | Description |
---|---|
none | The object/element is not floated. This is default |
left | The object/element will float to the left in the parent element |
right | The object/element will float to the right in the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detail Teknis
Nilai Bawaan: | tidak ada |
---|---|
Nilai Kembali: | Sebuah String, mewakili keselarasan horizontal suatu elemen |
Versi DOM | DOM Tingkat 2 |
Lebih Banyak Contoh
Contoh
Ubah properti cssFloat dari elemen DIV:
document.getElementById("myDIV").style.cssFloat = "left";
Halaman Terkait
Tutorial CSS: Float CSS
Objek Gaya