Thuộc tính resize | CSS3 | Học web chuẩn

Thuộc tính resize định dạng cho vùng nội dung mà người dùng có thể thay đổi được kích thước.

tag {
    resize: giá trị;
}

resize có các giá trị như sau:

Thuộc tính	giá trị	Ví dụ	Mô tả
resize	both	resize: both;	Người dùng có thể thay đổi cả chiều rộng và chiều cao của thành phần.
	none	resize: none;	Người dùng không thể thay đổi thành phần theo chiều ngang.
	horizontal	resize: horizontal;	Người dùng có thể thay đổi thành phần theo chiều thẳng đứng.
	vertical	resize: vertical;	Người dùng có thể thay đổi chiều rộng của thành phần.

<html>
<head></head>
<body>
<p>Đây là vùng nội dung có thể thay đổi kích thước, giữ chuột vào phía dưới bên phải để thay
đổi.</p>
</body>
</html>

Đây là vùng nội dung có thể thay đổi kích thước, giữ chuột vào phía dưới bên phải để thay đổi.

p {
    border: 1px solid #cc0000;
    overflow: auto;
    resize: both;
    width: 400px;
}

Đây là vùng nội dung có thể thay đổi kích thước, giữ chuột vào phía dưới bên phải để thay đổi.

Thuộc tính resize hỗ trợ Firefox 4 trở lên, Safari và Google Chrome.

Yêu cầu phiên bản trình duyệt và hệ điều hành tối thiểu được hỗ trợ cho thuộc tính resize: