Float Özelliği

float özelliği - metin tarafından sarılacak yüzen blokları belirler. float özelliği bazen, bir elemanın sarılmasını iptal eden clear özelliği ile birlikte kullanılır.

Başlangıçta float, metin içine sarılabilir bloklar yerleştirmek için tasarlanmış olsa da, günümüzde layout'ları oluşturmak için çok yaygın ve standart dışı bir şekilde kullanılmaktadır.

Sözdizimi

cssseçici {
  float: left | right | none;
}

cssseçici {
  clear: both | left | right | none;
}

Float için Değerler

Değer	Açıklama
`left`	Blok solda yüzer ve metin onu sağdan sarar.
`right`	Blok sağda yüzer ve metin onu soldan sarar.
`none`	Sarılma yoktur.

Varsayılan değer: none.

Clear için Değerler

Değer	Açıklama
`left`	Soldan sarılmayı iptal eder.
`right`	Sağdan sarılmayı iptal eder.
`both`	Hem soldan hem de sağdan sarılmayı iptal eder.
`none`	Sarılma iptali yoktur.

Varsayılan değer: none.

Örnek

Liste ögelerini yan yana getirmek için float'ü standart dışı bir şekilde kullanalım:

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

Результат:

Ayrıca Bakınız

üstteki elemanlar için float'ı iptal eden clear özelliği