Float savybė

float savybė - nustato plūduriuojančius blokus, kuriuos aptekės tekstas. float savybė kartais naudojama kartu su clear savybe, kuri atšaukia elemento aptekėjimą.

Nors iš pradžių float buvo sukurtas tekste įterpti aptekamiems blokams, šiuo metu jis labai plačiai ir nestandartiškai naudojamas maketų kūrimui.

Sintaksė

selektorius {
	float: left | right | none;
}

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

Reikšmės float

Reikšmė	Aprašas
`left`	Blokas plūduriuos kairėje, o tekstas jį aptekės dešinėje.
`right`	Blokas plūduriuos dešinėje, o tekstas jį aptekės kairėje.
`none`	Aptekėjimo nėra.

Numatytoji reikšmė: none.

Reikšmės clear

Reikšmė	Aprašas
`left`	Atšaukia aptekėjimą iš kairės.
`right`	Atšaukia aptekėjimą iš dešinės.
`both`	Atšaukia aptekėjimą ir iš kairės, ir iš dešinės.
`none`	Aptekėjimo atšaukimo nėra.

Numatytoji reikšmė: none.

Pavyzdys

Naudojame float nestandartiškai, sudedant sąrašo elementus į eilutę:

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

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

Taip pat žiūrėkite

savybė clear,
kuri atšaukia float aukščiau esantiems elementams