Thuộc tính maxWidth của Style

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

maxWidth Thuộc tính đặt hoặc trả về chiều rộng lớn nhất của phần tử.

maxWidth Thuộc tính này chỉ có hiệu lực đối với các phần tử khối hoặc các phần tử có vị trí tuyệt đối hoặc cố định.

Chú ý:Chiều rộng của phần tử không bao giờ lớn hơn maxWidth Giá trị do thuộc tính quy định.

Lưu ý:Để đặt hoặc trả về chiều rộng nhỏ nhất của phần tử, hãy sử dụng Thuộc tính minWidth.

Xem thêm:

Hướng dẫn CSS:CSS Kích thước

Tài liệu tham khảo CSS:Thuộc tính max-width

Mô hình

Ví dụ 1

Đặt chiều rộng lớn nhất của phần tử <div>:

document.getElementById("myDiv").style.maxWidth = "100px";

Thử ngay

Ví dụ 2

Trả về chiều rộng lớn nhất của phần tử <div>:

alert(document.getElementById("myDiv").style.maxWidth);

Thử ngay

Cú pháp

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

object.style.maxWidth

Đặt thuộc tính maxWidth:

object.style.maxWidth = "none|length|%|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
none Chiều rộng của phần tử không có giới hạn. Mặc định.
length Định nghĩa chiều rộng lớn nhất bằng đơn vị đo长度.
% Định nghĩa chiều rộng lớn nhất bằng phần trăm của phần tử cha.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thừa kế thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: Không có
Giá trị trả về: Chuỗi, biểu thị chiều rộng lớn nhất của phần tử.
CSS phiên bản: CSS2

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ợ