Хусусияти 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-ро барои унсурҳои болотар бекор мекунад