Exemplo
Deixe um flutuador imagem para a esquerda / direita do texto, ao clicar em dois botões:
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
} Tente você mesmo " Definição e Uso
Os conjuntos de propriedades cssFloat ou retorna o alinhamento horizontal de um elemento.
Nota: A CSS "float" propriedade é chamada "cssFloat" em JavaScript, porque "float" é uma palavra reservada em JavaScript.
Note: Se houver muito pouco espaço em uma linha para o elemento flutuante, ele vai pular para a linha seguinte que tem espaço suficiente.
Suporte navegador
A propriedade cssFloat é suportado em todos os principais navegadores.
Sintaxe
Devolver o imóvel cssFloat:
object .style.cssFloat
Defina a propriedade cssFloat:
object .style.cssFloat="left|right|none|initial|inherit"
Valores de propriedade
| Valor | Descrição |
|---|---|
| none | O objeto / elemento não é lançada. Este é o padrão |
| left | O objeto / elemento irá flutuar à esquerda no elemento pai |
| right | O objeto / elemento irá flutuar para a direita, o elemento pai |
| initial | Define essa propriedade para seu valor padrão. Leia sobre inicial |
| inherit | Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar |
Detalhes técnicos
| Valor padrão: | Nenhum |
|---|---|
| Valor de retorno: | Uma corda, que representa o alinhamento horizontal de um elemento |
| DOM Versão | DOM Nível 2 |
mais Exemplos
Exemplo
Altere a propriedade cssFloat de um elemento DIV:
document.getElementById("myDIV").style.cssFloat = "left";
Tente você mesmo " Páginas relacionadas
CSS tutorial: Float CSS
<Estilo de objeto