Thuộc tính cssFloat của Style

Định nghĩa và cách sử dụng

cssFloat Thuộc tính này thiết lập hoặc trả về cách đối tượng/element canh ngang.

Tip:Thuộc tính "float" của CSS trong JavaScript được gọi là "cssFloat", vì "float" là từ khóa được bảo vệ trong JavaScript.

Chú ý:Nếu không gian của phần tử trôi trong một dòng quá nhỏ, nó sẽ nhảy sang dòng có không gian đủ.

Xin xem thêm:

Giáo trình CSS:Chuyển động CSS

Mô hình

Ví dụ 1

Nhấp vào hai nút để di chuyển hình ảnh trôi sang trái/sang phải của văn bản:

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

Thử ngay

Ví dụ 2

Thay đổi thuộc tính cssFloat của DIV:

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

Thử ngay

Cú pháp

Trả về thuộc tính cssFloat:

object.style.cssFloat

Đặt thuộc tính cssFloat:

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

Giá trị thuộc tính

Giá trị Mô tả
none Đối tượng/element không trôi. Mặc định.
left Đối tượng/element sẽ trôi sang trái trong phần tử cha.
right Đối tượng/element sẽ trôi sang phải trong phần tử cha.
initial Đặt thuộc tính này thành giá trị mặc định. Vui lòng xem initial。
inherit Thuộc tính này được kế thừa từ phần tử cha. Vui lòng xem inherit。

Chi tiết kỹ thuật

Giá trị mặc định: Không có
Giá trị trả về: Chuỗi biểu thị cách đối tượng được canh ngang.
Phiên bản DOM： DOM Level 2

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ