tutorial pengembangan web terbaru
 

Style cssFloat Property

<Style Object

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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