Propriedade Style cssFloat

Definição e uso

cssFloat Define ou retorna o alinhamento horizontal do elemento.

Dicas:A propriedade CSS "float" é chamada de "cssFloat" no JavaScript porque "float" é uma palavra reservada no JavaScript.

Notas:Se o espaço disponível para o elemento flutuante for insuficiente em uma linha, ele saltará para a próxima linha com espaço suficiente.

Veja também:

Tutorial de CSS:Flutuação do CSS

Exemplo

Exemplo 1

Quando clicar nos dois botões, faça a imagem flutuar para a esquerda/direita do texto:

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

Experimente você mesmo

Exemplo 2

Mudar a propriedade cssFloat do elemento DIV:

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

Experimente você mesmo

Sintaxe

Retornar a propriedade cssFloat:

object.style.cssFloat

Definir a propriedade cssFloat:

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

Valor da propriedade

Valor Descrição
none O objeto/elemento não flutuará. Padrão.
left O objeto/elemento flutuará para a esquerda no elemento pai.
right O objeto/elemento flutuará para a direita no elemento pai.
initial Defina esta propriedade como seu valor padrão. Veja initial.
inherit Esta propriedade é herdada do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: Nenhum
Retorno: String que representa o alinhamento horizontal do elemento.
Versão do DOM： Nível 2 do DOM

Suporte do navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte