Thuộc tính resize CSS

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

Thuộc tính resize xác định liệu kích thước của phần tử có thể được điều chỉnh bởi người dùng hay không.

Chú ý:Nếu muốn thuộc tính này hoạt động, cần thiết lập thuộc tính overflow của phần tử, giá trị có thể là auto, hidden hoặc scroll.

Xem thêm:

Hướng dẫn CSS3:Giao diện người dùng CSS3

Hướng dẫn HTML DOM:Thuộc tính resize

Mẫu

Định nghĩa kích thước của phần tử div có thể điều chỉnh bởi người dùng:

div
{
resize:both;
overflow:auto;
}

Thử ngay

Cú pháp CSS

resize: none|both|horizontal|vertical;

Giá trị thuộc tính

Giá trị Mô tả
none Người dùng không thể điều chỉnh kích thước của phần tử.
both Người dùng có thể điều chỉnh chiều cao và chiều rộng của phần tử.
horizontal Người dùng có thể điều chỉnh chiều rộng của phần tử.
vertical Người dùng có thể điều chỉnh chiều cao của phần tử.

Chi tiết kỹ thuật

Giá trị mặc định: none
Kế thừa: no
Phiên bản: CSS3
Cú pháp JavaScript: object.style.resize="both"

Hỗ trợ trình duyệt

Số liệu trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

Số liệu có dấu -moz- cho thấy phiên bản đầu tiên sử dụng tiền tố.

Chrome IE / Edge Firefox Safari Opera
4.0 79.0 5.0
4.0 -moz-		 4.0 15.0