CSS - float

Descrizione

La proprietà float fa sì che un elemento venga spostato su un lato dell'area del contenuto element.s genitore, che consente ad altri contenuti di fluire attorno ad esso.

Possibili valori

  • left - L'elemento viene spostato a sinistra dell'area del contenuto dell'elemento padre.

  • right - L'elemento viene spostato a destra dell'area del contenuto dell'elemento padre.

  • none - L'elemento non è flottato.

Si applica a

Tutti gli elementi tranne gli elementi posizionati e il contenuto generato.

Sintassi DOM

object.style.float = "left";

Esempio

Ecco l'esempio che mostra l'utilizzo di questa proprietà:

<h1 style = "float: left;">
   CSS float Example
</h1>
<p>
   If your browser supports the CSS float Property, this text will be flowing  around the heading.
</p>

Questo produrrà il seguente risultato:

CSS float Example

Print