Float xususiyati

float xususiyati - matn oqimi atrofida suzadigan bloklarni belgilaydi. float xususiyati ba'zan elementning oqimini bekor qiladigan clear xususiyati bilan birgalikda ishlatiladi.

Dastlab float matn ichiga suzuvchi bloklarni joylashtirish uchun yaratilgan bo'lsa-da, hozirgi vaqtda u maketlarni yaratish uchun juda keng va nostandart tarzda qo‘llaniladi.

Sintaksis

selector {
	float: left | right | none;
}

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

Float uchun qiymatlar

Qiymat	Tavsif
`left`	Blok chap tomonda suzadi, matn esa uni o'ng tomondan o'rab oladi.
`right`	Blok o'ng tomonda suzadi, matn esa uni chap tomondan o'rab oladi.
`none`	Oqim yo'q.

Standart qiymat: none.

Clear uchun qiymatlar

Qiymat	Tavsif
`left`	Chap tomondan oqimni bekor qiladi.
`right`	O'ng tomondan oqimni bekor qiladi.
`both`	Ham chap, ham o'ng tomondan oqimni bekor qiladi.
`none`	Oqimni bekor qilish yo'q.

Standart qiymat: none.

Misol

Ro'yxat elementlarini bir qatorda joylashtirish uchun float dan nostandart tarzda foydalanamiz:

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

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

Shuningdek qarang

clear xususiyati,
bu yuqoridagi elementlar uchun float ni bekor qiladi