Float īpašība

float īpašība - nosaka peldošus blokus, kurus apies teksts. float īpašību dažreiz izmanto kopā ar clear īpašību, kas izslēdz elementa apiešanu.

Lai gan sākotnēji float tika izgudrots tekstā ievietojamu apiešanas bloku veidošanai, pašlaik to ļoti plaši un nestandarta veidā izmanto maketu veidošanai.

Sintakse

selektors {
	float: left | right | none;
}

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

Vērtības float

Vērtība	Apraksts
`left`	Bloks pludināsies pa kreisi, un teksts to apies pa labi.
`right`	Bloks pludināsies pa labi, un teksts to apies pa kreisi.
`none`	Nav apiešanas.

Noklusējuma vērtība: none.

Vērtības clear

Vērtība	Apraksts
`left`	Izslēdz apiešanu no kreisās puses.
`right`	Izslēdz apiešanu no labās puses.
`both`	Izslēdz apiešanu gan no kreisās, gan no labās puses.
`none`	Nav apiešanas izslēgšanas.

Noklusējuma vērtība: none.

Piemērs

Izmantosim float nestandarta veidā, novietojot saraksta punktus rindā:

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

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

Skatiet arī

īpašību clear,
kas atceļ float augstāk esošajiem elementiem