Örnek
iki düğme tıklandığında metin, sol / sağ tarafında bir görüntü şamandıra edelim:
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
} Kendin dene " Tanımı ve Kullanımı
cssFloat özelliği, ayarlar ya da elemanının yatay hizalama döndürür.
Not: CSS "float" özelliği denir "cssFloat" Çünkü, JavaScript "float" JavaScript ayrılmış bir kelimedir.
Note: kayan öğe için bir çizgi üzerinde çok az alan ise, yeterli alana sahip sonraki satıra aşağı atlar.
Tarayıcı Desteği
cssFloat özelliği tüm büyük tarayıcılarda desteklenir.
Sözdizimi
cssFloat özelliğini Dönüş:
object .style.cssFloat
cssFloat özelliğini ayarlayın:
object .style.cssFloat="left|right|none|initial|inherit"
Mülkiyet Değerler
| değer | Açıklama |
|---|---|
| none | Nesne / eleman yüzmemiş olan. Bu varsayılan |
| left | nesne / eleman ana elemanı sola doğru yüzer |
| right | Nesne / eleman ana eleman sağa yüzer |
| initial | varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun |
| inherit | üst öğesinden bu özelliği devralır. Yaklaşık miras oku |
Teknik detaylar
| Varsayılan değer: | Yok |
|---|---|
| Geri dönüş değeri: | Bir elemanın yatay hizalama temsil eden bir String, |
| DOM Sürüm | DOM Düzey 2 |
Diğer Örnekler
Örnek
bir DIV elemanının cssFloat özelliğini değiştirin:
document.getElementById("myDIV").style.cssFloat = "left";
Kendin dene " İlgili Sayfalar
CSS öğretici: CSS Float
<Stil Nesne