Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Cách đặt số dòng tối thiểu ở cuối trang khi ngắt trang bên trong phần tử với JavaScript (orphans)

Thuộc tính orphans (CSS orphans) chỉ định số dòng tối thiểu của phần tử khối phải còn lại ở cuối trang cũ khi ngắt trang xảy ra bên trong phần tử. Chỉ hoạt động trong media in (@media print).

Cú pháp JavaScript

// Lấy giá trị
var res = object.style.orphans;

// Đặt giá trị
object.style.orphans = 'number | initial | inherit';

Giá trị hợp lệ

Giá trịMô tả
numberSố dòng tối thiểu (mặc định: 2)
initialTrở về mặc định
inheritKế thừa từ cha

Ví dụ CSS cho in ấn

@media print {
  .content { orphans: 3; widows: 3; }
}

Trong JavaScript: element.style.orphans = "3";

Phân biệt Orphans vs Widows

  • Orphans: Dòng đầu của đoạn văn bị tách ở đầu trang mới.
  • Widows: Dòng cuối của đoạn văn bị tách ở cuối trang cũ.