Thay đổi kích thước hình ảnh khi cuộn css

Phần tử hiển thị một cơ chế cho phép người dùng thay đổi kích thước của nó, có thể thay đổi kích thước theo cả chiều ngang và chiều dọc

resize = 
none |
both |
horizontal |
vertical |
block |
inline

3

Phần tử hiển thị cơ chế cho phép người dùng thay đổi kích thước theo hướng ngang

resize = 
none |
both |
horizontal |
vertical |
block |
inline

4

Phần tử hiển thị cơ chế cho phép người dùng thay đổi kích thước theo hướng dọc

resize = 
none |
both |
horizontal |
vertical |
block |
inline

5 Thực nghiệm

Phần tử hiển thị cơ chế cho phép người dùng thay đổi kích thước theo hướng khối (theo chiều ngang hoặc chiều dọc, tùy thuộc vào giá trị

resize = 
none |
both |
horizontal |
vertical |
block |
inline

6 và
resize = 
none |
both |
horizontal |
vertical |
block |
inline

7)

resize = 
none |
both |
horizontal |
vertical |
block |
inline

8 Thực nghiệm

Phần tử hiển thị cơ chế cho phép người dùng thay đổi kích thước theo hướng nội tuyến (theo chiều ngang hoặc chiều dọc, tùy thuộc vào giá trị

resize = 
none |
both |
horizontal |
vertical |
block |
inline

6 và
resize = 
none |
both |
horizontal |
vertical |
block |
inline

7)

định nghĩa chính thức

Giá trị ban đầu

resize = 
none |
both |
horizontal |
vertical |
block |
inline

1Áp dụng cho các phần tử có
resize = 
none |
both |
horizontal |
vertical |
block |
inline

5 khác với
resize = 
none |
both |
horizontal |
vertical |
block |
inline

6 và các phần tử được thay thế tùy chọn đại diện cho hình ảnh hoặc video và iframeKhông được kế thừaKhông có giá trị được tính toán như đã chỉ địnhLoại hoạt ảnhrời rạc

cú pháp chính thức

resize = 
none |
both |
horizontal |
vertical |
block |
inline

ví dụ

Vô hiệu hóa khả năng thay đổi kích thước của textareas

Trong nhiều trình duyệt, các phần tử

resize = 
none |
both |
horizontal |
vertical |
block |
inline

04 có thể thay đổi kích thước theo mặc định. Bạn có thể ghi đè hành vi này bằng thuộc tính
resize = 
none |
both |
horizontal |
vertical |
block |
inline

7

HTML

resize = 
none |
both |
horizontal |
vertical |
block |
inline

0

CSS

resize = 
none |
both |
horizontal |
vertical |
block |
inline

2

Kết quả

Sử dụng thay đổi kích thước với các yếu tố tùy ý

Bạn có thể sử dụng thuộc tính

resize = 
none |
both |
horizontal |
vertical |
block |
inline

7 để thay đổi kích thước bất kỳ phần tử nào. Trong ví dụ bên dưới, một
resize = 
none |
both |
horizontal |
vertical |
block |
inline

07 có thể thay đổi kích thước chứa một đoạn có thể thay đổi kích thước (phần tử
resize = 
none |
both |
horizontal |
vertical |
block |
inline

08)