Thuoc tinh overflow trong css la gi

Đặ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

Chủ Đề