Đặc tính CSS overflow xác định nội dung sẽ hiển thị ra sao khi nó quá lớn so với khung định sẵn. CSS Overflow Đặc tính overflow cho biết liệu có cắt nội dung hay thêm thanh cuộn vào nội dung của phần tử khi nó quá lớn so với khu vực được định trước. Nó có các giá trị sau: visible - mặc định, phần tràn ra không bị cắt mà hiển thị ra ngoài hộp phần tử. hidden - phần tràn ra bị cắt và bị ẩn. scroll - phần tràn ra bị cắt nhưng sẽ có thanh cuộn để xem phần còn lại của nội dung. auto - nếu phần tràn ra bị cắt, sẽ có thêm thanh cuộn để xem phần còn lại của nội dung. Lưu ý: Đặc tính overflow chỉ dùng với phần tử khối đã có độ cao định sẵn. Trên OS X Lion, thanh cuộn mặc định bị ẩn, chỉ hiện khi được dùng.
Bạn đang xem: Overflow css là gì
overflow: visible Mặc định overflow được đặt là visible, nghĩa là sẽ không bị cắt và hiển thị ra bên ngoài hộp. div { width: 200px;
height: 50px; background-color: #eee; overflow: visible;}Phần tràn ra vẫn hiển thịoverflow: hidden Khi dùng giá trị hidden, phần tràn ra sẽ bị cắt và bị ẩn. div { overflow: hidden;}Phần tràn ra bị ẩn sau khung kích thước định sẵn
overflow: scrollKhi được đặt giá trị scroll, phần tràn sẽ được được cắt đi và nằm trong một thanh cuộn mới. Lưu ý là sẽ có cả thanh cuộn ngang và dọc [ngay cả khi bạn không cần]. div {overflow: scroll;}Thanh
cuộn để xem phần nội dung còn lại overflow: auto Giá trị auto cũng tương tự như scroll, chỉ có điều nó sẽ thêm thanh cuộn khi cần. div { overflow: auto;}overflow-x và overflow-yCác đặc tính overflow-x và overflow-y được dùng để xác định xem phần tràn ra sẽ hiển thị theo chiều ngang, dọc hay cả hai. div { overflow-x: hidden; /* Hide horizontal scrollbar */ overflow-y: scroll; /* Add vertical scrollbar */}Bài trước: Vị trí của phần tử trong CSS Bài sau: Float
trong CSS
Cách đổi thẻ ATM gắn chip BIDV Máy chủ “Command and Control”, “C2 Server” dành cho phần mềm độc hại là gì? Cách tắt camera trong Microsoft Teams Cách chơi Ngôi Sao Lấp Lánh: Trùng Sinh Cách đăng nhập Google Classroom
Xem thêm: Vì Sao Nói Triết Học Là Khoa Học Của Mọi Khoa Học Khoa Học, :: Suy Ngẫm & Tự Vấn
11 công cụ hữu ích để kiểm tra và tối ưu hóa các file CSS Cách tạo logo RSS Feed bằng CSS3 Tạo Button trong CSS Hiệu ứng Tooltip trong CSS Thuộc tính FLOAT và CLEAR trong CSS Nền trong CSS Thuộc tính Display [inline-block] trong CSS Bộ chọn ID trong CSS Lập trình
Học SQL
Python
PHP
JavaScript
Lập trình C
HTML
Cơ sở dữ liệu
SQL Server
CSS và CSS3
C#
jQuery
AngularJS
Học HTTP
Lập trình C++
NodeJS
Cấu trúc dữ liệu và giải thuật
Học MongoDB
Tìm hiểu Unix và Linux
Học Git Bootstrap 4
Giới thiệu CSSCú pháp và
Selector CSSVị trí đặt CSSCSS - Color CSS - BackgroundCSS - BorderCSS - MarginCSS - PaddingCSS - Width và HeightCSS - Box ModelCSS - OutlineCSS - TextCSS - FontCSS - IconCSS - LinkCSS - Tạo ListCSS - TableCSS - DisplayCSS - Max-widthCSS - PositionCSS - OverflowCSS - Float và ClearCSS - Inline-blockCSS - AlignCSS - CombinatorCSS - Pseudo-ClassCSS - Pseudo-ElementCSS - OpacityCSS - Navigation BarCSS - DropdownCSS - Image GalleryCSS - Image SpriteCSS - Attribute SelectorCSS - FormCSS - CounterCSS -
LayoutCSS - UnitCSS - Specificity
Làng Công nghệ Tấn công mạng Chuyện công nghệ Công nghệ mới Trí tuệ nhân tạo [AI] Anh tài công nghệ Bình luận công nghệ Quiz công nghệ Công nghệ Ứng dụng Hệ thống Game - Trò chơi iPhone Android Linux Đồng hồ thông minh Chụp ảnh - Quay phim macOS Phần cứng Thủ thuật SEO Kiến thức cơ bản Raspberry Pi Dịch vụ ngân hàng Lập trình Dịch vụ công trực tuyến Dịch vụ nhà mạng Nhà thông minh Khoa học
Khoa học vui
Khám phá khoa học
Bí ẩn - Chuyện lạ
Chăm sóc Sức khỏe
Khoa học Vũ trụ
Khám phá thiên nhiên
Môi trường
Y học
Khảo cổ học
Phát minh khoa học
Câu chuyện Khoa học
Ảnh đẹp Khoa học
Khoa học công nghệ Điện máy Tivi Tủ lạnh Điều hòa Máy giặt Quạt các loại Máy hút mùi Bình nước nóng, Máy nước nóng Máy công cụ Cuộc sống Kỹ năng Món ngon mỗi ngày Làm đẹp Nuôi dạy con Chăm sóc Nhà cửa Kinh nghiệm Du lịch DIY - Handmade Tết Trung thu Cưới hỏi Halloween Mẹo vặt Giáng sinh - Noel
Tết 2021 Valentine Quà tặng Giải trí Là gì? Nhà đẹp
Video
Công nghệ
Cisco Lab
Microsoft Lab
Video Khoa học Ô tô, Xe máy
Tổng hợp Tiện ích
Giới thiệu | Điều khoản | Bảo mật | Hướng dẫn | Ứng dụng | Liên hệ | Quảng cáo | Facebook | Youtube | DMCA