Stil cssFloat Özellik
Örnek
İki düğmeyi tıklatırken bir görüntünün metnin solunda/sağında kaymasına izin verin:
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
}
Tanım ve Kullanım
cssFloat özelliği, bir öğenin yatay hizalamasını ayarlar veya döndürür.
Not: CSS "float" özelliğine JavaScript'te "cssFloat" adı verilir, çünkü "float" JavaScript'te ayrılmış bir kelimedir.
Not: Bir satırda kayan eleman için çok az boşluk varsa, yeterli alana sahip bir sonraki satıra atlayacaktır.
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
cssFloat | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
cssFloat özelliğini döndürün:
object.style.cssFloat
cssFloat özelliğini ayarlayın:
object.style.cssFloat = "left|right|none|initial|inherit"
Mülk değerleri
Value | Description |
---|---|
none | The object/element is not floated. This is default |
left | The object/element will float to the left in the parent element |
right | The object/element will float to the right in the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Teknik detaylar
Varsayılan değer: | Yok |
---|---|
Geri dönüş değeri: | Bir elemanın yatay hizalamasını temsil eden bir Dize |
DOM Sürümü | DOM Düzey 2 |
Daha fazla örnek
Örnek
Bir DIV öğesinin cssFloat özelliğini değiştirin:
document.getElementById("myDIV").style.cssFloat = "left";
İlgili Sayfalar
CSS eğitimi: CSS Float
❮ Stil Nesnesi