Quy tắc @page của CSS

Định nghĩa và cách sử dụng

CSS @page Quy tắc này được sử dụng để tùy chỉnh kích thước, hướng và vành mép của trang in.

Mẫu

Tùy chỉnh trang in:

@page :first {
  margin-left: 40%;
  margin-top: 50%;
}
@page :left {
  margin-left: 10%;
  margin-top: 10%;
}
@page :right {
  margin-left: 90%;
  margin-top: 90%;
}

Thử ngay

Ngữ pháp CSS

@page {
  margin: value;
  page-orientation: value;
  size: value;
}

Giá trị thuộc tính

Giá trị Mô tả
margin Định nghĩa vành mép bên ngoài của trang.
page-orientation Định nghĩa hướng của trang.
size Định nghĩa kích thước và hướng của khối mục tiêu của khung trang.

Hỗ trợ trình duyệt

Số liệu trong bảng biểu thị phiên bản trình duyệt đầu tiên hoàn toàn hỗ trợ quy tắc @ đó.

At-rule Chrome Edge Firefox Safari Opera
@page 2 12 19 No 6
@page: size 15 79 95 No 15
@page: page-orientation 85 85 No No 71
@page: @top-left 131 Không hỗ trợ Không hỗ trợ Không hỗ trợ Không hỗ trợ
@page: @left-top 131 Không hỗ trợ Không hỗ trợ Không hỗ trợ Không hỗ trợ
@page: @top-right 131 Không hỗ trợ Không hỗ trợ Không hỗ trợ Không hỗ trợ
@page: @right-top 131 Không hỗ trợ Không hỗ trợ Không hỗ trợ Không hỗ trợ
@page: @top-center 131 Không hỗ trợ Không hỗ trợ Không hỗ trợ Không hỗ trợ
@page: @bottom-left 131 Không hỗ trợ Không hỗ trợ Không hỗ trợ Không hỗ trợ
@page: @left-bottom 131 Không hỗ trợ Không hỗ trợ Không hỗ trợ Không hỗ trợ