Float касиети

float касиети - текст менен курчала турган көзгөлөңгү блокторду белгилейт. float касиети кээде элементтин курчалуусун жокко чыгаруучу clear касиети менен бирге колдонулат.

Башында float текстке курчалуучу блокторду киргизүү үчүн ойлоп табылганы менен, азыркы учурда ал өтө кеңири жана стандарттык эмес жол менен макеттерди түзүү үчүн колдонулат.

Синтаксис

cssселектор {
  float: left | right | none;
}

cssселектор {
  clear: both | left | right | none;
}

Float үчүн маанилер

Маани	Сүрөттөмө
`left`	Блок сол жакта көзгөлөңөт, ал эми текст аны оң жактан курчайт.
`right`	Блок оң жакта көзгөлөңөт, ал эми текст аны сол жактан курчайт.
`none`	Курчалуу жок.

Демейки маани: none.

Clear үчүн маанилер

Маани	Сүрөттөмө
`left`	Сол жактан курчалууну жокко чыгарат.
`right`	Оң жактан курчалууну жокко чыгарат.
`both`	Сол жана оң жактан курчалууну жокко чыгарат.
`none`	Курчалууну жокко чыгаруу жок.

Демейки маани: none.

Мисал

float-ти стандарттык эмес жол менен колдонуп, тизме пункттарын сызыкка коёлу:

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

Результат:

Ошондой эле караңыз

clear касиети,
бул жогорку элементтер үчүн float-ту жокко чыгарат