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-ты болдырмайды