Danh ngôn cuộc sống:
• Bài viết được đăng bởi: Mr. Phan Nhan• Ngày cập nhật bài viết: 14/05/2016• Tổng lược xem trang: 118 / 1 khách• Đánh giá bởi người dùng: |
Định nghĩa và sử dụng. 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. Cấu trúc:
tag {
resize: giá trị;
}
HTML viết:resize: giá trị;
}
<html>
<head></head>
<body>
<p>Nhập nội dung cần được hiển thị vào đây.</p>
</body>
</html>
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. Ta thấy bên góc phải phía dưới xuất hiện một dạng resize, di chuyển chuột vào vị trí đó, giữ chuột và kéo ta sẽ có thể thay đổi được kích thước cả chiều rộng và chiều ngang. CSS viết:<head></head>
<body>
<p>Nhập nội dung cần được hiển thị vào đây.</p>
</body>
</html>
p {
border: 1px solid #cc0000;
overflow: auto;
resize: both;
width: 400px;
}
Thuộc tính resize với giá trị none: Người dùng không thể thay đổi kích thước, trả về dạng như mặc định. Khi sử dụng giá trị none, ta đã trả vùng resize về giá trị mặc định (không resize). CSS viết:border: 1px solid #cc0000;
overflow: auto;
resize: both;
width: 400px;
}
p {
border: 1px solid #cc0000;
overflow: auto;
resize: both;
resize: none;
width: 400px;
}
Thuộc tính resize với giá trị horizontal: Người dùng có thể thay đổi thành phần theo chiều thẳng đứng. Ta thấy bên góc phải phía dưới xuất hiện một dạng resize, tuy nhiên lúc này ta chỉ có thể thay đổi kích thước theo chiều thẳng đứng (horizontal). CSS viết:border: 1px solid #cc0000;
overflow: auto;
resize: both;
resize: none;
width: 400px;
}
p {
border: 1px solid #cc0000;
overflow: auto;
resize: horizontal;
width: 400px;
}
Thuộc tính resize với giá trị vertical: Người dùng có thể thay đổi thành phần theo chiều ngang. Ta thấy bên góc phải phía dưới xuất hiện một dạng resize, tuy nhiên lúc này ta chỉ có thể thay đổi kích thước theo chiều ngang (vertical). CSS viết:border: 1px solid #cc0000;
overflow: auto;
resize: horizontal;
width: 400px;
}
p {
border: 1px solid #cc0000;
overflow: auto;
resize: vertical;
width: 400px;
}
border: 1px solid #cc0000;
overflow: auto;
resize: vertical;
width: 400px;
}
Những bài viết được đăng mới nhất. 



