თვისება 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-ს ზემოთ მდებარე ელემენტებისთვის