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-ը վերևի տարրերի համար