Propriedade CSSFloat de estilo
Exemplo
Deixe uma imagem flutuar à 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";
}
Definição e uso
A propriedade cssFloat define ou retorna o alinhamento horizontal de um elemento.
Nota: A propriedade CSS "float" é chamada de "cssFloat" em JavaScript, porque "float" é uma palavra reservada em JavaScript.
Nota: Se houver muito pouco espaço em uma linha para o elemento flutuante, ele pulará para a próxima linha que tiver espaço suficiente.
Suporte ao navegador
Property | |||||
---|---|---|---|---|---|
cssFloat | Yes | Yes | Yes | Yes | Yes |
Sintaxe
Retorne a propriedade cssFloat:
object.style.cssFloat
Defina a propriedade cssFloat:
object.style.cssFloat = "left|right|none|initial|inherit"
Valores de propriedade
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 |
Detalhes técnicos
Valor padrão: | Nenhum |
---|---|
Valor de retorno: | Uma String, representando o alinhamento horizontal de um elemento |
Versão DOM | DOM Nível 2 |
Mais exemplos
Exemplo
Altere a propriedade cssFloat de um elemento DIV:
document.getElementById("myDIV").style.cssFloat = "left";
Páginas relacionadas
Tutorial CSS: CSS Flutuante
❮ Objeto de estilo