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

cssselector {
  float: left | right | none;
}

cssselector {
  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:

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

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

Результат:

Shuningdek qarang

clear xususiyati,
bu yuqoridagi elementlar uchun float ni bekor qiladi