Atrybut Style cssFloat

Definicja i użycie

cssFloat Ustawienie lub zwracanie poziomego wyważenia elementu.

Wskazówka:Atrybut CSS "float" w JavaScript jest nazywany "cssFloat", ponieważ "float" jest słowem zarezerwowanym w JavaScript.

Komentarz:Jeśli przestrzeń na wierszu jest zbyt mała dla elementu przepływającego, przechodzi do wiersza z wystarczającą przestrzenią.

Zobacz również:

Kurs CSS:Pływające CSS

Przykład

Przykład 1

Kliknij dwa przyciski, aby przesunąć obraz w lewo lub prawo w stosunku do tekstu:

function floatRight() {
  document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft() {
  document.getElementById("myImg").style.cssFloat = "left";
}

Spróbuj sam

Przykład 2

Zmiana atrybutu cssFloat elementu DIV:

document.getElementById("myDIV").style.cssFloat = "left";

Spróbuj sam

Gramatyka

Zwrócenie atrybutu cssFloat:

object.style.cssFloat

Ustawienie atrybutu cssFloat:

object.style.cssFloat = "left|right|none|initial|inherit"

Wartość atrybutu

Wartość Opis
none Obiekt/element nie będzie przepływał. Domyślne.
left Obiekt/element będzie przepływał w lewo w stosunku do elementu nadrzędnego.
right Obiekt/element będzie przepływał w prawo w stosunku do elementu nadrzędnego.
initial Ustawia ten atrybut na jego wartość domyślną. Zobacz: initial.
inherit Przypisuje temu atrybutowi wartość z jego elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość: Brak
Wartość zwracana: Ciąg znaków, który reprezentuje sposób wyrównywania poziomego elementu.
Wersja DOM: Poziom DOM 2

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie