CSS borders and box decorations

Module CSS borders and box decorations cung cấp các thuộc tính để thêm border, góc bo tròn và box shadow cho các phần tử. Module này mở rộng border và box decoration được giới thiệu trong module CSS backgrounds and borders, bổ sung các thuộc tính corner-shapeborder-shape, các thuộc tính border-radius theo hướng logic, các thuộc tính longhand cho thuộc tính box-shadow, và các thuộc tính để tạo border một phần.

Borders và box decorations thực tế

Chọn giá trị superellipse() từ menu thả xuống để thay đổi hình dạng border. Dùng thanh trượt để thay đổi kích thước border radius. Bật/tắt hộp kiểm để ẩn và hiện box shadow.

Tham chiếu

Thuộc tính

Module CSS borders and box decorations cấp độ 4 cũng giới thiệu các thuộc tính border-shape, border-limitborder-clip, cùng với các thuộc tính longhand border-clip-bottom, border-clip-left, border-clip-right, border-clip-top. Hiện tại chưa có trình duyệt nào hỗ trợ các tính năng này. Module cũng giới thiệu các thuộc tính thành phần cho border-radiusbox-shadow vốn đã được hỗ trợ rộng rãi, bao gồm border-block-end-radius, border-block-start-radius, border-bottom-radius, border-inline-end-radius, border-inline-start-radius, border-right-radius, border-top-radius, box-shadow-blur, box-shadow-color, box-shadow-offset, box-shadow-positionbox-shadow-spread. Các thuộc tính thành phần này cũng chưa được hỗ trợ.

Kiểu dữ liệu

Hàm

Hướng dẫn

Learn CSS: the box model

Tìm hiểu cách border và các thuộc tính box model khác ảnh hưởng đến CSS box model.

Khái niệm liên quan

Module CSS backgrounds and borders

Đặc tả kỹ thuật

Thông số kỹ thuật
CSS Borders and Box Decorations Module Level 4

Xem thêm