CSS clear özelliği

Tanım ve Kullanım

clear özelliği, elementin hangi yanında diğer yüzen elementlerin görünmesine izin verilmediğini belirtir.

Açıklama

clear özelliği, elementin hangi kenarında yüzen elementlerin görünmesine izin verilmediğini tanımlar. CSS1 ve CSS2'de, bu, temizleme elementine (yani clear özelliği ayarlanmış element) otomatik olarak üst dış kenar boşluğu eklenerek yapılır. CSS2.1'de, elementin üst dış kenar boşluğu üzerine temizleme alanı eklenir ve dış kenar boşluğu kendisi değişmez. Hangi tür değişiklik olursa olsun, nihai sonuç aynıdır; sol veya sağ kenarda temizlenmiş olarak belirlenirse, elementin üst dış çerçeve sınırları, yüzen elementlerin alt dış kenar boşluğu sınırları altında yer alır.

Ayrıca bkz:

CSS Eğitimleri:CSS Konumlandırma

HTML DOM Referans Kılavuzu:clear özelliği

Örnek

Görselin sol ve sağ kenarlarında yüzen elementlerin görünmesine izin verilmez:

img
  {
  float:left;
  clear:both;
  }

Kişisel olarak deneyin

CSS dilbilgisi

clear: none|left|right|both|initial|inherit;

Özellik değeri

Değer Açıklama
sol Sol kenarda yüzen elementlerin görünmesine izin verilmez.
sağ Sağ kenarda yüzen elementlerin görünmesine izin verilmez.
her iki yan Her iki kenarda da yüzen elementlerin görünmesine izin verilmez.
yok Öntanımlı değer. Kenarlıkların her ikisinde de yüzen elementlerin görünmesine izin verilir.
inherit clear özelliğinin değeri, ebeveyn elementten alınmalıdır.

Teknik ayrıntılar

Öntanımlı değer: yok
Mirasçılık: hayır
Sürüm: CSS1
JavaScript dilbilgisi: object.style.clear="left"

TIY Örneği

Temizleme elementinin yanı
Bu örnek, nasıl temizleme elementinin yanındaki yüzen elementleri kullanılacağını gösterir.

Tarayıcı desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.0 6.0