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

Các bleedbất động sản trong CSS là để xác định không gian bên ngoài của trang hộp ranh giới khi xác định kích thước của một trang in.

@page :left ( bleed: 10pt; ) @page :top ( bleed: 5cm; )

Lưu ý rằng đó bleedlà một phần của thông số kỹ thuật Mô-đun Phương tiện Trang cấp 3, hiện đang là bản nháp . Trên thực tế, bleedđược mô tả chính xác hơn là một bộ mô tả theo quy tắc hơn là một thuộc tính vì nó thuộc về @pagequy tắc.

Giá trị

auto: Mặc định bằng 0 trừ khi một cropgiá trị đã được đặt trên thuộc markstính tạo giá trị mặc định 6pt.
: Đặt khoảng cách bên ngoài bleedkhu vực theo mỗi hướng. Các giá trị âm được chấp nhận, nhưng không có tiêu chuẩn nào về cách chúng sẽ được triển khai. Lưu ý rằng đơn vị kích thước in (ví dụ pt, cmvà in) được chấp nhận.

Thêm về các khu vực chảy máu

Thuật ngữ bleednày bắt nguồn từ việc in ấn. Nó được sử dụng để mô tả không gian được thiết kế bên ngoài mép giấy, để khi giấy được cắt, màu sẽ đi hết mép giấy.

Điều này hữu ích như thế nào đối với thiết kế web? Thực ra, nó không chính xác đối với thiết kế web theo nghĩa là sự chảy máu không liên quan đến những gì được vẽ trong khung nhìn. Thay vào đó, @pagequy tắc được sử dụng để in các trang web lên giấy thực. Có một thuộc bleedtính cho phép chúng tôi kiểm soát cách các trang web được hiển thị khi được in ra, chẳng hạn như thiết lập một vùng chảy máu được dự định cắt bỏ. Điều này có thể đặc biệt thú vị khi thiết kế các trang web nhằm mục đích sử dụng làm tài sản tiếp thị, như áp phích.