Float

La proprietà float consente di gestire l'allineamento di immagini, testi e blocchi.

Testi ed immagini, quando non sono stabilite delle reogle specifiche, si dispongono automaticamente secondo un'ordire prestabilito:

floatLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Tramite float possiamo modificare l'allineamento predefinito delle immagini.

 

Float accetta quattro valori: left, right, none, inherit.

left :
allinea a sinistra 		floatLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

.allinea_sinistra {
float:left;
}
right:
allinea a destra 		floatLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

.allinea_destra {
float:right;
}
none:
nessun allineamento
(valore predefinito)		 floatLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

.nessun_allineamento {
float:none;
}

 

Per ottenere i risutati qui sopra ho inserito i tre codici CSS in questa pagina, inserendo all'interno dei tag <head></head> questo codice:

<style type="text/css">
<!--
.allinea_sinistra {
float:left;
}
.allinea_destra {
float:right;
}
.nessun_allineamento {
float:none;
}
-->
</style>

poi ho applicato lo stile all'immagine usando un codice simile a questo:

<img src="nome_immagine.gif" class="allinea_sinistra">

L'attributo float può assumere un quarto valore: inherit.
Inherit rende ereditario il float, cioè passa il valore right, left o none ai blocchi all'interno del blocco che contiene il float:inherit.

 

(Annunci Google)

 

 

Non forniamo nessuna garanzia di assenza di errori nei contenuti del sito.
Non si assume nessuna responsabilità per eventuali errori presenti nel sito, e per i contenuti dei siti linkati. - Privacy