| overflow |
 |
 |
 |
|
Thuộc tính này có tác dụng tạo ra thanh trượt ngang, dọc cho đối tượng khi nội dung tràn ra ngoài. Bằng cách này bạn có thể không cần đến iframe. Cú pháp: overflow:auto Ví dụ: <style type="text/css"> #hotrolaptrinh_over{ background:#0000FF; width:300px; height:150px; overflow:auto; } </style> <div id="hotrolaptrinh_over"> Xuất hiện thanh trượt khi nội dung vượt quá kích thước.</div> <style type="text/css"> #hotrolaptrinh_over{ background:#0000FF; width:300px; height:150px; overflow:hidden; } </style> <div id="hotrolaptrinh_over"> Không xuất hiện thanh trượt mặc dù nội dung tràn ra ngoài. Phần nội dung tràn ra ngoài sẽ bị cắt. </div> <style type="text/css"> #hotrolaptrinh_over{ background:#0000FF; width:300px; height:150px; overflow:scroll; } </style> <div id="hotrolaptrinh_over">Luôn luôn xuất hiện thanh trượt mặc dù nội dung ít hoặc nhiều </div> <style type="text/css"> #hotrolaptrinh_over{ background:#0000FF; width:300px; height:150px; overflow:visible; } </style> <div id="hotrolaptrinh_over">Không xuất hiện thanh trượt nhưng nếu nội dung nhiều sẽ tự động tràn ra ngoài. </div> Ngoài ra bạn có thể chỉ cho phép xuất hiện thanh trượt ngang hay thanh trượt dọc. Cú pháp: overflow-x: value; /* thanh trượt ngang */ overflow-y: value; /* thanh trượt dọc */ |
