CSS Almanac 2025, Tháng BảY

Phụ đề - Thủ thuật CSS

Phụ đề - Thủ thuật CSS

Thuộc tính caption-side trong CSS cho phép bạn xác định vị trí của phần tử HTML, được sử dụng trên các bảng HTML. Thuộc tính này cũng có thể áp dụng cho bất kỳ phần tử nào "

Hộp bóng - Thủ thuật CSS

Hộp bóng - Thủ thuật CSS

Được sử dụng để đổ bóng (thường được gọi là "Drop Shadows", giống như trong Photoshop) từ các phần tử. Dưới đây là một ví dụ về hỗ trợ trình duyệt sâu nhất có thể: "

Bán kính biên giới - Thủ thuật CSS

Bán kính biên giới - Thủ thuật CSS

Bạn có thể cung cấp cho bất kỳ phần tử nào "góc tròn" bằng cách áp dụng bán kính đường viền thông qua CSS. Bạn sẽ chỉ nhận thấy nếu có sự thay đổi màu sắc. Ví dụ,"

Định cỡ hộp - Thủ thuật CSS

Định cỡ hộp - Thủ thuật CSS

Thuộc tính box-sizing trong CSS kiểm soát cách xử lý mô hình hộp cho phần tử mà nó áp dụng. .module (box-sizing: border-box;) Một trong những cái khác "

Khoảng cách đường viền - Thủ thuật CSS

Khoảng cách đường viền - Thủ thuật CSS

Thuộc tính border-spacing trong CSS kiểm soát khoảng cách giữa các ô trong một phần tử (hoặc một phần tử được tạo giống như bảng thông qua display: table;). Nó "

Biên giới - Thủ thuật CSS

Biên giới - Thủ thuật CSS

Thuộc tính đường viền biên trong CSS đặt các ràng buộc đối với các giới hạn của một phần tử ảnh hưởng đến cách các đường viền của phần tử đó hoạt động. Nó được định nghĩa trong CSS "

Kích thước nền - Thủ thuật CSS

Kích thước nền - Thủ thuật CSS

Thuộc tính background-size trong CSS là một trong những thuộc tính hữu ích nhất - và phức tạp nhất - trong số các thuộc tính nền. Có rất nhiều biến thể và khác nhau "

Biên giới sụp đổ - Thủ thuật CSS

Biên giới sụp đổ - Thủ thuật CSS

Thuộc tính thu gọn đường viền được sử dụng trên các phần tử (hoặc các phần tử được tạo để hoạt động như một bảng thông qua display: table hoặc display: inline-table). Có"

Biên giới - Thủ thuật CSS

Biên giới - Thủ thuật CSS

Thuộc tính border là một cú pháp viết tắt trong CSS chấp nhận nhiều giá trị để vẽ một đường xung quanh phần tử mà nó được áp dụng. .box (border: 3px "

Background-blend-mode - Thủ thuật CSS

Background-blend-mode - Thủ thuật CSS

Thuộc tính background-blend-mode xác định cách kết hợp hình nền của một phần tử với background-color: .container (background-image: "

Khối-tràn - Thủ thuật CSS

Khối-tràn - Thủ thuật CSS

Thuộc tính khối tràn cắt bớt văn bản và cho biết thêm nội dung theo sau bằng cách chèn một dấu chấm lửng hoặc chuỗi tùy chỉnh sau một số dòng "

Chảy máu - Thủ thuật CSS

Chảy máu - Thủ thuật CSS

Thuộc tính bleed trong CSS dùng để chỉ định khoảng trống bên ngoài ranh giới hộp trang khi xác định kích thước của trang in. @page: left (tràn: 10pt; "

Nền-lặp lại - Thủ thuật CSS

Nền-lặp lại - Thủ thuật CSS

Nếu thuộc tính background-image được chỉ định, thuộc tính background-repeat trong CSS xác định nếu (và cách thức) nó sẽ lặp lại. Đây là một ví dụ: html ("

Vị trí nền - Thủ thuật CSS

Vị trí nền - Thủ thuật CSS

Thuộc tính background-position trong CSS cho phép bạn di chuyển hình nền (hoặc gradient) xung quanh trong vùng chứa của nó. html (background-position: 100px "

Hình nền - Thủ thuật CSS

Hình nền - Thủ thuật CSS

Thuộc tính background-image trong CSS áp dụng đồ họa (ví dụ: PNG, SVG, JPG.webp, GIF, WEBP) hoặc gradient cho nền của phần tử. Có hai "

Màu nền - Thủ thuật CSS

Màu nền - Thủ thuật CSS

Thuộc tính background-color trong CSS áp dụng các màu đồng nhất làm nền trên một phần tử. Đây là một ví dụ: html (background-color: # 82a43a;) Ví dụ "

Background-origin - Thủ thuật CSS

Background-origin - Thủ thuật CSS

Thuộc tính background-origin xác định vị trí sơn nền: trên toàn bộ phần tử, bên trong đường viền hoặc bên trong phần đệm. Có bốn"

Clip nền - Thủ thuật CSS

Clip nền - Thủ thuật CSS

Background-clip cho phép bạn kiểm soát mức độ ảnh nền hoặc màu vượt ra ngoài phần đệm hoặc nội dung của phần tử. .frame (background-clip: "

Ngoại hình - Thủ thuật CSS

Ngoại hình - Thủ thuật CSS

Thuộc tính ngoại hình được sử dụng để hiển thị một phần tử sử dụng kiểu gốc nền tảng dựa trên chủ đề hệ điều hành của người dùng. .Điều ("

Khả năng hiển thị mặt sau - Thủ thuật CSS

Khả năng hiển thị mặt sau - Thủ thuật CSS

Thuộc tính hiển thị mặt sau liên quan đến các chuyển đổi 3D. Với chuyển đổi 3D, bạn có thể xoay một phần tử để phần tử chúng tôi coi là "mặt trước" của "

Nền-đính kèm - Thủ thuật CSS

Nền-đính kèm - Thủ thuật CSS

Thuộc tính background-attachment trong CSS chỉ định cách di chuyển nền liên quan đến chế độ xem. Có ba giá trị: cuộn, cố định và cục bộ. "

Bộ lọc phông nền - Thủ thuật CSS

Bộ lọc phông nền - Thủ thuật CSS

Thuộc tính bộ lọc phông nền trong CSS được sử dụng để áp dụng các hiệu ứng bộ lọc (thang độ xám, độ tương phản, độ mờ, v.v.) cho nền / phông nền của một phần tử. Các"

Nền - Thủ thuật CSS

Nền - Thủ thuật CSS

Thuộc tính background trong CSS cho phép bạn kiểm soát nền của bất kỳ phần tử nào (những gì vẽ bên dưới nội dung trong phần tử đó). Nó là một tốc ký "

Hoạt hình - Thủ thuật CSS

Hoạt hình - Thủ thuật CSS

Thuộc tính hoạt ảnh trong CSS có thể được sử dụng để tạo hoạt ảnh cho nhiều thuộc tính CSS khác như màu sắc, màu nền, chiều cao hoặc chiều rộng. Mỗi hoạt ảnh cần phải "

Tất cả - Thủ thuật CSS

Tất cả - Thủ thuật CSS

Thuộc tính all trong CSS đặt lại tất cả các thuộc tính của phần tử đã chọn, ngoại trừ thuộc tính hướng và unicode-bidi kiểm soát hướng văn bản. "

Tự căn chỉnh - Thủ thuật CSS

Tự căn chỉnh - Thủ thuật CSS

Thuộc tính align-self là một thuộc tính phụ của mô-đun Bố cục Hộp linh hoạt. Có thể ghi đè giá trị align-items cho các mặt hàng flex cụ thể. "