Exemplu
Să o imagine float la stânga / dreapta textului, atunci când faceți clic pe două butoane:
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
} Încearcă - l singur » Definiție și utilizare
Seturile de proprietate cssFloat sau returnează alinierea orizontală a unui element.
Notă: CSS "float" proprietatea este numit "cssFloat" în JavaScript, pentru că "float" este un cuvânt rezervat în JavaScript.
Note: Dacă există prea puțin spațiu pe o linie pentru elementul plutitor, acesta va sări în jos la linia următoare , care are suficient spațiu.
Suport pentru browser-
Proprietatea cssFloat este acceptată în toate browserele majore.
Sintaxă
Întoarcere proprietatea cssFloat:
object .style.cssFloat
Setați proprietatea cssFloat:
object .style.cssFloat="left|right|none|initial|inherit"
Valori de proprietate
| Valoare | Descriere |
|---|---|
| none | Elementul / obiect nu este vehiculat. Acest lucru este implicit |
| left | Elementul / obiect va pluti spre stânga în elementul părinte |
| right | Elementul / obiect va pluti spre dreapta în elementul părinte |
| initial | Setează această proprietate la valoarea implicită. Citiți despre inițială |
| inherit | Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc |
Detalii tehnice
| Valoare implicită: | nici unul |
|---|---|
| Întoarcere Valoare: | Un șir, care reprezintă alinierea orizontală a unui element |
| DOM Versiunea | DOM Level 2 |
Mai multe exemple
Exemplu
Schimbarea proprietatea cssFloat a unui element DIV:
document.getElementById("myDIV").style.cssFloat = "left";
Încearcă - l singur » Pagini similare
Tutorial CSS: CSS float
<Style Object