Lastnost float

Lastnost float - določa plavajoče bloke, ki jih bo besedilo obtekalo. Lastnost float se včasih uporablja skupaj z lastnostjo clear, ki prekliče obtekajoči element.

Čeprav je bil float prvotno zasnovan za vstavljanje plavajočih blokov v besedilo, se trenutno zelo pogosto uporablja in nestandardno za izdelavo postavitev.

Sintaksa

selektor {
	float: left | right | none;
}

selektor {
	clear: both | left | right | none;
}

Vrednosti za float

Vrednost	Opis
`left`	Blok bo plaval levo, besedilo pa ga bo obtekalo desno.
`right`	Blok bo plaval desno, besedilo pa ga bo obtekalo levo.
`none`	Ni obtekanja.

Privzeta vrednost: none.

Vrednosti za clear

Vrednost	Opis
`left`	Prekliče obtekanje z leve strani.
`right`	Prekliče obtekanje z desne strani.
`both`	Prekliče obtekanje z leve in desne strani.
`none`	Ni preklica obtekanja.

Privzeta vrednost: none.

Primer

Uporabimo float nestandardno, tako da postavimo elemente seznama v vrsto:

<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
	<li>5</li>
</ul>

li {
	float: left;
	border: 1px solid red;
}

Glejte tudi

lastnost clear,
ki prekliče float za elemente nad njim