Più "Try it Yourself" esempi di seguito.
Definizione e utilizzo
La proprietà float specifica se una scatola (an element) dovrebbe galleggiare.
Note: gli elementi posizionati in modo assoluto ignora la proprietà float!
| Valore di default: | none |
|---|---|
| Inherited: | no |
| animatable: | no. Read about animatable |
| Versione: | CSS1 |
| sintassi JavaScript: | object .style.cssFloat="left" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| float | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS Sintassi
float: none|left|right|initial|inherit;I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| none | L'elemento non è flottato, e verrà visualizzata proprio dove si verifica nel testo. Questa è l'impostazione predefinita | Gioca " |
| left | L'elemento galleggia a fianco | Gioca " |
| right | L'elemento galleggia il diritto | Gioca " |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale | Gioca " |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Altri esempi
Lasciate che la prima lettera di un paragrafo galleggiante a sinistra
Lasciate che la prima lettera di un paragrafo galleggiante a sinistra e lo stile della lettera.
Creazione di un menu orizzontale
Utilizzare galleggiante con una lista di collegamenti ipertestuali per creare un menu orizzontale.
La creazione di una home page senza tabelle
Utilizzare galleggiante per creare una homepage con un colpo di testa, piè di pagina, il contenuto a sinistra e il contenuto principale.
Pagine correlate
CSS tutorial: Float CSS
Di riferimento HTML DOM: cssFloat property