Sifat Style cssFloat

Definisi dan penggunaan

cssFloat Set atau kembalikan arah latar belakang elemen secara horizontal.

Petikan:Sifat "float" CSS dijelaskan dalam JavaScript sebagai "cssFloat", kerana "float" adalah kata riservasi dalam JavaScript.

Komen:Jika ruang bagi elemen mengambang di baris ini kecil, ia akan melompat ke baris lain yang mempunyai ruang yang cukup.

Lihat juga:

Panduan CSS:Gelombang CSS

Contoh

Contoh 1

Ketika disentuh kedua butang, buang imej ke kiri/kanan teks:

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

Cuba sendiri

Contoh 2

Ubah sifat cssFloat elemen DIV:

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

Cuba sendiri

Sintaks

Kembalikan sifat cssFloat:

objek.style.cssFloat

Tetapkan sifat cssFloat:

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

Nilai sifat

Nilai Penerangan
none Objek/element tidak mengambang. Lalai.
left Objek/element akan mengambang ke kiri dalam elemen induk.
right Objek/element akan mengambang ke kanan dalam elemen induk.
initial Tetapkan sifat ini kepada nilai lalainya. Lihat initial。
inherit Mewarisi sifat ini daripada elemen induk. Lihat inherit。

Butiran teknikal

Nilai lalai: Tiada
Kemalaman: String yang menunjukkan cara penjajaran elemen.
Versi DOM： DOM Level 2

Dukungan pereka

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