Float xassəsi

float xassəsi - mətni əhatə edən üzən blokları təyin edir. float xassəsi bəzən elementin əhatəsini ləğv edən clear xassəsi ilə birlikdə istifadə olunur.

float əvvəlcə mətnə üzən bloklar əlavə etmək üçün icad edilsə də, hal-hazırda o, çox geniş və qeyri-standart şəkildə layoutların qurulması üçün istifadə olunur.

Sintaksis

cssselektor {
  float: left | right | none;
}

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

Float üçün dəyərlər

Dəyər	Təsvir
`left`	Blok solda üzəcək, mətn isə onu sağdan əhatə edəcək.
`right`	Blok sağda üzəcək, mətn isə onu soldan əhatə edəcək.
`none`	Əhatə yoxdur.

Standart dəyər: none.

Clear üçün dəyərlər

Dəyər	Təsvir
`left`	Soldan əhatəni ləğv edir.
`right`	Sağdan əhatəni ləğv edir.
`both`	Həm soldan, həm də sağdan əhatəni ləğv edir.
`none`	Əhatənin ləğvi yoxdur.

Standart dəyər: none.

Nümunə

Siyahı bəndlərini sətirdə düzmək üçün float-dan qeyri-standart şəkildə istifadə edək:

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;
}

Результат:

Həmçinin bax

clear xassəsi,
üst elementlər üçün float-u ləğv edir