Przykład
Niech się pływak obrazu w lewo / prawo od tekstu, po kliknięciu na dwa przyciski:
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
} Spróbuj sam " Definicja i Wykorzystanie
Zestawy własności cssFloat lub zwraca poziome położenie elementu.
Uwaga: CSS "float" nieruchomość jest nazywana "cssFloat" w JavaScript, ponieważ "float" jest słowem zarezerwowanym w JavaScript.
Note: Jeśli jest zbyt mało miejsca na linii dla elementu pływającego, będzie skoczyć do następnego wiersza, który ma wystarczająco dużo miejsca.
Wsparcie przeglądarka
Nieruchomość cssFloat jest dostępna we wszystkich głównych przeglądarkach.
Składnia
Zwraca właściwość cssFloat:
object .style.cssFloat
Ustaw właściwość cssFloat:
object .style.cssFloat="left|right|none|initial|inherit"
wartości nieruchomości
| Wartość | Opis |
|---|---|
| none | Obiekt / element nie jest płynął. Jest to domyślny |
| left | Obiekt / element będzie unosić się na lewo w elementu nadrzędnego |
| right | Obiekt / element będzie unosić się po prawej stronie elementu nadrzędnego |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć |
Szczegóły techniczne
| Domyślna wartość: | Żaden |
|---|---|
| Zwracana wartość: | Ciąg reprezentujący poziome położenie elementu |
| DOM Version | DOM Level 2 |
Więcej przykładów
Przykład
Zmień właściwość cssFloat elementu DIV:
document.getElementById("myDIV").style.cssFloat = "left";
Spróbuj sam " Podobne strony
Kurs CSS: CSS Float
<Style obiektu