Vlastnost stylu cssFloat
Příklad
Nechte obrázek plavat vlevo/vpravo od textu, když kliknete na dvě tlačítka:
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
}
Definice a použití
Vlastnost cssFloat nastavuje nebo vrací vodorovné zarovnání prvku.
Poznámka: Vlastnost CSS „float“ se v JavaScriptu nazývá „cssFloat“, protože „float“ je v JavaScriptu vyhrazené slovo.
Poznámka: Pokud je na řádku pro plovoucí prvek příliš málo místa, skočí dolů na další řádek, který má dostatek místa.
Podpora prohlížeče
Property | |||||
---|---|---|---|---|---|
cssFloat | Yes | Yes | Yes | Yes | Yes |
Syntax
Vraťte vlastnost cssFloat:
object.style.cssFloat
Nastavte vlastnost cssFloat:
object.style.cssFloat = "left|right|none|initial|inherit"
Hodnoty vlastností
Value | Description |
---|---|
none | The object/element is not floated. This is default |
left | The object/element will float to the left in the parent element |
right | The object/element will float to the right in the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technické údaje
Výchozí hodnota: | žádný |
---|---|
Návratová hodnota: | Řetězec představující vodorovné zarovnání prvku |
Verze DOM | DOM Úroveň 2 |
Další příklady
Příklad
Změňte vlastnost cssFloat prvku DIV:
document.getElementById("myDIV").style.cssFloat = "left";
Související stránky
CSS tutoriál: CSS Float
❮ Objekt stylu