Style cssFloat özelliği
- Önceki sayfa counterReset
- Sonraki sayfa cursor
- Bir üst katmana dön HTML DOM Style Nesnesi
Tanım ve Kullanım
cssFloat
Özelliği, elementin düzeltme yöntemini ayarlar veya döndürür.
İpucu:CSS "float" özelliği JavaScript'te "cssFloat" olarak adlandırılır çünkü "float" JavaScript'te saklı bir kelimedir.
Yorum:Bir satırda yüceleme elementinin alanı küçükse, yeterli alanın bulunduğu bir sonraki satıra atlar.
Ayrıca bkz:
CSS Eğitimi:CSS Yüzeysellik
Örnek
Örnek 1
İki düğmeye tıkladığınızda, resmi metnin soluna/sağına yüceleyin:
function floatRight() { document.getElementById("myImg").style.cssFloat = "right"; } function floatLeft() { document.getElementById("myImg").style.cssFloat = "left"; }
Örnek 2
DIV elementinin cssFloat özelliğini değiştirin:
document.getElementById("myDIV").style.cssFloat = "left";
Gramer
cssFloat özelliğini döndürün:
object.style.cssFloat
cssFloat özelliğini ayarlayın:
object.style.cssFloat = "left|right|none|initial|inherit"
Özellik değeri
Değer | Açıklama |
---|---|
none | Nesne/element yücelemez. Öntanımlı. |
left | Nesne/element ebeveyn elementinde sola doğru yücelecek. |
right | Nesne/element ebeveyn elementinde sağa doğru yücelecek. |
initial | Bu özelliği öntanımlı değerine ayarlayın. Bakınız initial。 |
inherit | Bu özelliği ebeveyn elementinden miras alır. Bakınız inherit。 |
Teknik ayrıntılar
Öntanımlı değer: | Yok |
---|---|
Dönüş değeri: | Dize,元素的yatay hizalama tarzını belirtir. |
DOM sürümü: | DOM Seviye 2 |
Tarayıcı desteği
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Destek | Destek | Destek | Destek | Destek |
- Önceki sayfa counterReset
- Sonraki sayfa cursor
- Bir üst katmana dön HTML DOM Style Nesnesi