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

cssselektor {
  float: left | right | none;
}

cssselektor {
  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:

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

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

Результат:

Glejte tudi

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