Love beautiful code? We do too.
- Home
- Tutorial
- Thuộc tính CSS & CSS3
- Thuộc tính resize trong CSS3
Thuộc tính resize trong CSS3
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ị;
}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. |
Ví dụ
HTML viết:
<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>Hiển thị trình duyệt khi chưa có CSS:
Đâ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.
CSS viết:
p {
border: 1px solid #cc0000;
overflow: auto;
resize: both;
width: 400px;
}Hiển thị trình duyệt khi có CSS:
Đâ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.
Trình duyệt hỗ trợ
Thuộc tính resize hỗ trợ Firefox 4 trở lên, Safari và Google Chrome.
Trình duyệt và hệ điều hành hỗ trợ
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:
| Trình duyệt PC | Smartphone - Tablets | |||||||
 |
 |
 |
 |
 |
 |
 |
 |
|
| resize | 9 X |
4 | 12 X |
19 | 5.1 | 5.1 X |
4.0 X |
7.5 X |
0 Bình luận
- Thuộc tính CSS
- Mở đầu
- Thuộc tính background
- Thuộc tính border
- Thuộc tính border-collapse
- Thuộc tính border-spacing
- Thuộc tính bottom
- Thuộc tính caption-side
- Thuộc tính clear
- Thuộc tính clip
- Thuộc tính color trong CSS
- Thuộc tính content trong CSS
- Thuộc tính counter-increment trong CSS
- Thuộc tính counter-reset trong CSS
- Thuộc tính cursor trong CSS
- Thuộc tính direction trong CSS
- Thuộc tính display trong CSS
- Thuộc tính empty-cells trong CSS
- Thuộc tính float trong CSS
- Thuộc tính font trong CSS
- Thuộc tính height trong CSS
- Thuộc tính left trong CSS
- Thuộc tính letter-spacing trong CSS
- Thuộc tính line-height trong CSS
- Thuộc tính list-style trong CSS
- Thuộc tính margin trong CSS
- Thuộc tính max-height trong CSS
- Thuộc tính max-width trong CSS
- Thuộc tính min-height trong CSS
- Thuộc tính min-width trong CSS
- Thuộc tính outline trong CSS
- Thuộc tính overflow trong CSS
- Thuộc tính padding trong CSS
- Thuộc tính page-break-after trong CSS
- Thuộc tính page-break-inside trong CSS
- Thuộc tính position trong CSS
- Thuộc tính quotes trong CSS
- Thuộc tính right trong CSS
- Thuộc tính table-layout trong CSS
- Thuộc tính text-align trong CSS
- Thuộc tính text-decoration trong CSS
- Thuộc tính text-indent trong CSS
- Thuộc tính text-transform trong CSS
- Thuộc tính top trong CSS
- Thuộc tính vertical-align trong CSS
- Thuộc tính visibility trong CSS
- Thuộc tính white-space trong CSS
- Thuộc tính width trong CSS
- Thuộc tính word-spacing trong CSS
- Thuộc tính z-index trong CSS
- Thuộc tính CSS3
- Thuộc tính animation trong CSS3
- Thuộc tính appearance trong CSS3
- Thuộc tính backface-visibility trong CSS3
- Thuộc tính background trong CSS3
- Background gradient trong CSS3
- Nhiều background trong CSS3
- Thuộc tính border-image
- Thuộc tính border-radius trong CSS3
- Thuộc tính box trong CSS3
- Thuộc tính column trong CSS3
- Thuộc tính font trong CSS3
- Thuộc tính font-size-adjust trong CSS3
- Thuộc tính @keyframes trong CSS3
- Thuộc tính nav trong CSS3
- Thuộc tính opacity trong CSS3
- Thuộc tính perspective trong CSS3
- Thuộc tính perspective-origin trong CSS3
- Thuộc tính resize trong CSS3
- Thuộc tính text trong CSS3
- Thuộc tính transform trong CSS3
- Thuộc tính transition trong CSS3
- Thuộc tính word-break trong CSS3
- Thuộc tính word-wrap trong CSS3
Hoclaptrinh.vn © 2017
From Coder With
Unpublished comment
Viết câu trả lời