Style cssFloat-ominaisuus

Määrittely ja käyttö

cssFloat Aseta tai palauta elementin horisontaalinen tasaus.

Vinkki：CSS:n "float"-ominaisuus kutsutaan JavaScriptissä "cssFloat":ksi, koska "float" on varattu sana JavaScriptissä.

Huomautus：Jos yhdessä rivissä olevan liukuvan elementin tilaa ei ole tarpeeksi, se siirtyy seuraavalle riville, jossa on tarpeeksi tilaa.

Katso myös：

CSS-opas：CSS liukuvuus

Esimerkki

Esimerkki 1

Kun napsautetaan molempia painikkeita, kuvan tulisi liikkua tekstin vasemmalle tai oikealle puolelle:

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

Kokeile itse

Esimerkki 2

Muuta DIV-elementin cssFloat-ominaisuutta：

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

Kokeile itse

Syntaksi

Palauta cssFloat-ominaisuus：

object.style.cssFloat

Aseta cssFloat-ominaisuus：

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

Ominaisuuden arvo

Arvo Kuvaus
none Objekti/elementti ei liukua. Oletus.
left Objekti/elementti liukuu vasemmalle vanhemmalle elementille.
right Objekti/elementti liukuu oikealle vanhemmalle elementille.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso myös initial。
inherit Tämä ominaisuus perii vanhemmalta elementiltään. Katso myös inherit。

Tekninen yksityiskohta

Oletusarvo： Ei mitään
Palautusarvo： Merkkijono, joka ilmaisee elementin horisontaalisen tasauksen.
DOM-versio: DOM Level 2

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki