Vlastnosť float

Vlastnosť float - nastavuje plávajúce bloky, ktoré budú obtiekané textom. Vlastnosť float sa niekedy používa spoločne s vlastnosťou clear, ktorá zruší obtok prvku.

Hoci pôvodne bol float navrhnutý pre vkladanie blokov s obtokom do textu, v súčasnosti sa veľmi široko a neštandardne používa na vytváranie rozložení.

Syntax

cssselektor {
  float: left | right | none;
}

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

Hodnoty pre float

Hodnota	Popis
`left`	Blok bude plávať vľavo a text ho bude obtekať vpravo.
`right`	Blok bude plávať vpravo a text ho bude obtekať vľavo.
`none`	Žiadny obtok.

Predvolená hodnota: none.

Hodnoty pre clear

Hodnota	Popis
`left`	Zruší obtok zľava.
`right`	Zruší obtok sprava.
`both`	Zruší obtok zľava aj sprava.
`none`	Žiadne zrušenie obtoku.

Predvolená hodnota: none.

Príklad

Použijeme float neštandardným spôsobom, umiestnením položiek zoznamu do radu:

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;
}

Результат:

Pozri tiež

vlastnosť clear,
ktorá zruší float pre nadradené prvky