Float

Float

Definitie

Manier om een element te kunnen uitlijnen ten opzichte van een ander element. Zo kun je een plaatje links laten komen ten opzichte van tekst, maar niet alleen met plaatjes kan dit, maar met ieder element.

Voorbeeld
.voorbeeld { float: left; }

Hier komt een hoop tekst te staan en het plaatje wordt aan de linkerkant uitgelijnt door float: left; te gebruiken. Dat floaten gaat door totdat het plaatje is gestopt. Het is handig om een rand om een plaatje heen te maken waardoor de tekst niet direct tegen de zijkant van het plaatje komt te staan, maar dat is verder een hoop blabla, dit om een stuk tekst te vullen, zodat je duidelijk ziet hoe het plaatje en het floaten in zijn werk gaat. Hier komt een hoop tekst te staan en het plaatje wordt aan de linkerkant uitgelijnt door float: left; te gebruiken. Dat floaten gaat door totdat het plaatje is gestopt. Het is handig om een rand om een plaatje heen te maken waardoor de tekst niet direct tegen de zijkant van het plaatje komt te staan, maar dat is verder een hoop blabla, dit om een stuk tekst te vullen, zodat je duidelijk ziet hoe het plaatje en het floaten in zijn werk gaat.

Waarden left | right | none |
inherit |
Standaardinstelling none
Geldig voor Alle elementen
Erfenis Nee

Alle CSS elementen

          Leuk als je dit artikel deelt:
Share

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *