თვისება float

თვისება float - ადგენს მცურავ ბლოკებს, რომლებსაც ტექსტი შემოუერთდება. თვისება float ზოგჯერ მთლიანად გამოიყენება თვისება clear-თან ერთად, რომელიც აუქმებს ელემენტის მოქცევას.

თუმცა თავდაპირველად float შეიქმნა ტექსტში მოქცევადი ბლოკების ჩასასმელად, დღესდღეობით იგი ძალიან ფართოდ გამოიყენება და არასტანდარტულად ლეაუტების ასაგებად.

სინტაქსი

სელექტორი {
	float: left | right | none;
}

სელექტორი {
	clear: both | left | right | none;
}

მნიშვნელობები float-ისთვის

მნიშვნელობა	აღწერა
`left`	ბლოკი დაიწყებს ცურვას მარცხნივ, ხოლო ტექსტი შემოუერთდება მას მარჯვნიდან.
`right`	ბლოკი დაიწყებს ცურვას მარჯვნივ, ხოლო ტექსტი შემოუერთდება მას მარცხნიდან.
`none`	მოქცევა არ არის.

მნიშვნელობა ნაგულისხმევად: none.

მნიშვნელობები clear-ისთვის

მნიშვნელობა	აღწერა
`left`	აუქმებს მოქცევას მარცხნიდან.
`right`	აუქმებს მოქცევას მარჯვნიდან.
`both`	აუქმებს მოქცევას როგორც მარცხნიდან, ასევე მარჯვნიდან.
`none`	მოქცევის გაუქმება არ არის.

მნიშვნელობა ნაგულისხმევად: none.

მაგალითი

გამოვიყენოთ float არასტანდარტულად, სიის ელემენტების ხაზში დასაყენებლად:

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

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

იხილეთ აგრეთვე

თვისება clear,
რომელიც აუქმებს float-ს ზემოთ მდებარე ელემენტებისთვის