Свойство 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;
}

Ҳам қаранг

юқоридаги элементлар учун float-ни бекор қиладиган clear свойстваси