Hướng dẫn page-break css - ngắt trang css

  • Trang chủ
  • Tham khảo
  • CSS
  • Thuộc tính page-break-after

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

Thuộc tính page-break-after xác định các phân chia văn bản ngay sau thành phần.

Thuộc tính page-break-after thường sử dụng cho văn bản print.

Cấu trúc

tag {
    page-break-after: giá trị;
}

Với giá trị như sau:

Thuộc tínhgiá trịVí dụMô tả
page-break-after auto page-break-after: auto; Phân chia văn bản ngay sau thành phần nếu cần thiết, đây là dạng mặc định.
always page-break-after: always; Phân chia văn bản ngay sau thành phần.
avoid page-break-after: avoid; Tránh phân chia văn bản ngay sau thành phần.
left page-break-after: left; Phân chia văn bản ngay sau bên trái thành phần.
right page-break-after: right; Phân chia văn bản ngay sau bên phải thành phần.
inherit page-break-after: inherit; Xác định thừa hưởng thuộc tính từ thành phần cha (thành phần bao ngoài).

Ví dụ

Mô tả

<html>
<head></head>
<body>
<p>HỌC WEB CHUẨN</p>
<p class="breakAfter">HỌC WEB CHUẨN</p>
</body>
</html>

page-break-after

auto

auto

page-break-after: auto;

p.breakAfter {
    page-break-after: always;
}

Phân chia văn bản ngay sau thành phần nếu cần thiết, đây là dạng mặc định.

auto

auto

page-break-after: auto;

Phân chia văn bản ngay sau thành phần nếu cần thiết, đây là dạng mặc định.

always

page-break-after: always;

  • Trang chủ
  • Tham khảo
  • CSS
  • Thuộc tính page-break-inside

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

Thuộc tính page-break-inside xác định các phân chia văn bản ngay bên trong thành phần.

Thuộc tính page-break-inside thường sử dụng cho văn bản print.

Cấu trúc

tag {
    page-break-inside: giá trị;
}

Với giá trị như sau:

Thuộc tínhgiá trịVí dụMô tả
page-break-inside auto page-break-inside: auto; Phân chia văn bản ngay bên trong thành phần nếu cần thiết, đây là dạng mặc định.
always page-break-inside: always; Phân chia văn bản ngay bên trong thành phần.
avoid page-break-inside: avoid; Tránh phân chia văn bản ngay bên trong thành phần.
left page-break-inside: left; Phân chia văn bản ngay bên trong, bên trái thành phần.
right page-break-inside: right; Phân chia văn bản ngay bên trong, bên phải thành phần.
inherit Inherits this property from its parent element. Read about inherit Related Pages

Ví dụ

Mô tả

<html>
<head></head>
<body>
<p>HỌC WEB CHUẨN</p>
<p class="breakInside">HỌC WEB CHUẨN</p>
</body>
</html>

page-break-inside

auto

auto

page-break-inside: auto;

p.breakInside {
    page-break-inside: always;
}

Phân chia văn bản ngay bên trong thành phần nếu cần thiết, đây là dạng mặc định.

auto

auto

page-break-inside: auto;

Phân chia văn bản ngay bên trong thành phần nếu cần thiết, đây là dạng mặc định.

always

page-break-inside: always;


Sự mô tả

Mặc định. Tự động phá trang

@Media in {& nbsp; Footer {page-break-sau: luôn luôn;}}
  footer {page-break-after: always;}
}



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

Thuộc tính page-break-after thêm một lần ngắt trang sau một phần tử được chỉ định.

Mẹo: Các thuộc tính: Trang phá vỡ trang trước, giúp phá vỡ trang và giúp đỡ trang để xác định cách một tài liệu nên hoạt động khi được in. The properties: page-break-before, page-break-after and page-break-inside help to define how a document should behave when printed.

Lưu ý: Bạn không thể sử dụng thuộc tính này trên các yếu tố trống hoặc hoàn toàn được định vị. You cannot use this property on an empty

or on absolutely positioned elements.

Giá trị mặc định:Tự động
Inherited:không
Animatable:không. Đọc về hoạt hình
Version:CSS2
Cú pháp JavaScript: object.style.pageBreakAfter = "Luôn luôn"


Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.

Tài sản
Trang phá vỡ sau1.0 4.0 1.0 1.2 7.0

Lưu ý: Không có hỗ trợ trình duyệt "tránh". None of the browsers support "avoid".

Lưu ý: Trình duyệt có thể giải thích "trái" và "phải" là "luôn luôn". Browsers may interpret "left" and "right" as "always".



CSS Cú pháp

Trang-Break-sau: Tự động | Luôn luôn | Tránh | Trái | Phải | Ban đầu | Kế thừa;

Giá trị tài sản

Giá trịSự mô tả
Tự độngkhông
không. Đọc về hoạt hìnhCSS2
Cú pháp JavaScript: object.style.pageBreakAfter = "Luôn luôn"
Hỗ trợ trình duyệtCác số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Tài sảnTrang phá vỡ sau
Lưu ý: Không có hỗ trợ trình duyệt "tránh".Lưu ý: Trình duyệt có thể giải thích "trái" và "phải" là "luôn luôn".
CSS Cú pháp Trang-Break-sau: Tự động | Luôn luôn | Tránh | Trái | Phải | Ban đầu | Kế thừa;


Giá trị tài sản

Giá trị