Omadus float

Omadus float - määrab ujuvad plokid, mida tekst ümber voolab. Omadust float kasutatakse mõnikord koos omadusega clear, mis tühistab elemendi ümbervoolamise.

Kuigi float leiutati algselt teksti sees ujuvaid plokke jaoks, kasutatakse seda praegu väga laialdaselt ja ebastandardselt lehtede makettide loomiseks.

Süntaks

cssvalija {
  float: left | right | none;
}

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

Väärtused float'ile

Väärtus	Kirjeldus
`left`	Plokk hõljub vasakul ja tekst voolab selle ümber paremalt.
`right`	Plokk hõljub paremal ja tekst voolab selle ümber vasakult.
`none`	Ümbervoolu ei ole.

Vaikeväärtus: none.

Väärtused clear'ile

Väärtus	Kirjeldus
`left`	Tühistab ümbervoolu vasakult.
`right`	Tühistab ümbervoolu paremalt.
`both`	Tühistab ümbervoolu nii vasakult kui ka paremalt.
`none`	Ümbervoolu tühistamist ei toimu.

Vaikeväärtus: none.

Näide

Kasutame float'i ebastandardselt, paigutades loetelu punktid reale:

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

Результат:

Vaata ka

omadus clear,
mis tühistab float'i kõrgemal asuvate elementide jaoks