Float հատկությունը

float հատկությունը - սահմանում է լողացող բլոկներ, որոնք կհոսել տեքստի շուրջը: float հատկությունը երբեմն օգտագործվում է clear հատկության հետ միասին, որը վերացնում է տարրի հոսքը:

Չնայած ի սկզբանե float-ը ստեղծված էր տեքստում հոսող բլոկներ ներդնելու համար, ներկայումս այն լայնորեն և ոչ ստանդարտ կերպով օգտագործվում է դասավորություններ կառուցելու համար:

Շարահյուսություն

ընտրող {
	float: left | right | none;
}

ընտրող {
	clear: both | left | right | none;
}

Արժեքներ float-ի համար

Արժեք	Նկարագրություն
`left`	Բլոկը կլողա ձախից, իսկ տեքստը կհոսի նրա շուրջը աջից:
`right`	Բլոկը կլողա աջից, իսկ տեքստը կհոսի նրա շուրջը ձախից:
`none`	Հոսք չկա:

Լռելյայն արժեքը: none:

Արժեքներ clear-ի համար

Արժեք	Նկարագրություն
`left`	Վերացնում է ձախից հոսքը:
`right`	Վերացնում է աջից հոսքը:
`both`	Վերացնում է և՛ ձախից, և՛ աջից հոսքը:
`none`	Հոսքի վերացում չկա:

Լռելյայն արժեքը: none:

Օրինակ

Օգտագործենք float-ը ոչ ստանդարտ կերպով, ցուցակի կետերը դնելով գծով.

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

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

Տես նաև

clear հատկությունը,
որը վերացնում է float-ը վերևի տարրերի համար