Atribut cssFloat Style

Definisi dan penggunaan

cssFloat Atur atau kembalikan penarikan horisontal elemen.

Tips:Atribut "float" di JavaScript disebut "cssFloat" karena "float" adalah kata riservasi di JavaScript.

Komentar:Jika ruang bagi elemen mengambang di baris yang sama terlalu kecil, dia akan melompat ke baris lain yang memiliki ruang yang cukup.

Lihat juga:

Panduan CSS:Gelombang CSS

Contoh

Contoh 1

Klik dua tombol untuk membuat gambar mengambang ke kiri/kanan teks:

function floatRight() {
  document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft() {
  document.getElementById("myImg").style.cssFloat = "left";
}

Coba sendiri

Contoh 2

Ubah atribut cssFloat elemen DIV:

document.getElementById("myDIV").style.cssFloat = "left";

Coba sendiri

Sintaks

Kembalikan atribut cssFloat:

object.style.cssFloat

Atur atribut cssFloat:

object.style.cssFloat = "left|right|none|initial|inherit"

Nilai atribut

Nilai Deskripsi
none Objek/element tidak mengambang. Default.
left Objek/element akan mengambang ke kiri dalam elemen induk.
right Objek/element akan mengambang ke kanan dalam elemen induk.
initial Atur atribut ini ke nilai default. Lihat initial。
inherit Mengambil atribut ini dari elemen induk. Lihat inherit。

Detil teknis

Nilai default: Tidak ada
Hasil kembali: String yang menunjukkan cara penarikan horizontal elemen.
Versi DOM： DOM Level 2

Dukungan browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan