Właściwość float

Właściwość float - ustawia pływające bloki, które będą opływane tekstem. Właściwość float czasami jest używana razem z właściwością clear, która anuluje opływanie elementu.

Chociaż początkowo float został wymyślony dla wstawiania pływających bloków w tekście, obecnie jest bardzo szeroko i niestandardowo używany do budowania układów.

Składnia

cssselektor {
  float: left | right | none;
}

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

Wartości dla float

Wartość	Opis
`left`	Blok będzie pływał po lewej stronie, a tekst będzie go opływał po prawej stronie.
`right`	Blok będzie pływał po prawej stronie, a tekst będzie go opływał po lewej stronie.
`none`	Brak opływania.

Wartość domyślna: none.

Wartości dla clear

Wartość	Opis
`left`	Anuluje opływanie z lewej strony.
`right`	Anuluje opływanie z prawej strony.
`both`	Anuluje opływanie zarówno z lewej, jak i z prawej strony.
`none`	Brak anulowania opływania.

Wartość domyślna: none.

Przykład

Użyjemy float w sposób niestandardowy, ustawiając punkty listy w linii:

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

Результат:

Zobacz też

właściwość clear,
która anuluje float dla elementów znajdujących się wyżej