Thuộc tính thay đổi kích thước CSS
Thí dụ
Tại đây, người dùng có thể thay đổi kích thước cả chiều cao và chiều rộng của phần tử <div>:
div {
resize: both;
overflow: auto;
}
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc resize
tính xác định nếu (và cách thức) một phần tử có thể thay đổi kích thước bởi người dùng.
Lưu ý: Thuộc resize
tính không áp dụng cho các phần tử nội dòng hoặc để chặn các phần tử mà tràn = "hiển thị". Vì vậy, hãy đảm bảo rằng phần tràn được đặt thành "cuộn", "tự động" hoặc "ẩn".
Giá trị mặc định: | không ai |
---|---|
Thừa hưởng: | không |
Hoạt hình: | không. Đọc về hoạt hình |
Phiên bản: | CSS3 |
Cú pháp JavaScript: | object .style.resize = "cả hai" |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Các số theo sau là -moz- chỉ định phiên bản đầu tiên hoạt động với tiền tố.
Property | |||||
---|---|---|---|---|---|
resize | 4.0 | 79.0 | 5.0 4.0 -moz- |
4.0 | 15.0 |
Cú pháp CSS
resize: none|both|horizontal|vertical|initial|inherit;
Giá trị tài sản
Value | Description | Play it |
---|---|---|
none | Default value. The user cannot resize the element | |
both | The user can resize both the height and width of the element | |
horizontal | The user can resize the width of the element | |
vertical | The user can resize the height of the element | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Các ví dụ khác
Thí dụ
Chỉ cho phép người dùng thay đổi kích thước chiều cao của phần tử <div>:
div
{
resize: vertical;
overflow: auto;
}
Thí dụ
Chỉ cho phép người dùng thay đổi kích thước chiều rộng của phần tử <div>:
div
{
resize: horizontal;
overflow: auto;
}
Thí dụ
Trong nhiều trình duyệt, <textareosystem có thể thay đổi kích thước theo mặc định. Ở đây, chúng tôi đã sử dụng thuộc tính thay đổi kích thước để vô hiệu hóa khả năng thay đổi kích thước:
textarea {
resize: none;
}
Các trang liên quan
Hướng dẫn CSS: Giao diện người dùng CSS
Tham chiếu DOM HTML: thuộc tính thay đổi kích thước