Trẻ mồ côi - Thủ thuật CSS

Theo thuật ngữ typography, mồ côi là dòng đầu tiên của đoạn văn bị bỏ lại trên trang cũ trong khi đoạn văn tiếp tục ở trang sau. Các orphantài sản kiểm soát số lượng tối thiểu của dòng một đoạn văn có thể được để lại trên các trang cũ. Thuộc tính này chỉ ảnh hưởng đến phương tiện được phân trang chẳng hạn như print.

@media print ( p ( orphans: 3; ) )

Ví dụ, nếu một đoạn văn không thể nằm trọn vẹn trên một trang, nó sẽ được tách ra ở bất cứ đâu có thể. Bằng cách này, các dòng đơn của đoạn văn có thể xuất hiện trên trang trước khi tiếp tục ở trang tiếp theo. Điều này thường không mong muốn, vì vậy nhiều bộ xử lý văn bản yêu cầu phải để lại ít nhất hai dòng trên một trang cũ, thay vì một dòng. Bạn có thể cung cấp cho nó một số dương (trong đó 2 là mặc định) hoặc inherit.

Lưu ý rằng thuộc orphantính thường không ảnh hưởng đến các phương tiện không được phân trang, chẳng hạn như screen. Tuy nhiên, các trình duyệt hỗ trợ cả hai orphansvà columnscũng sẽ áp dụng chức năng dự kiến cho các cột. Ngoài ra, thuộc tính chỉ ảnh hưởng đến các phần tử cấp khối.

Nói tóm lại, trong CSS cụ thể:
widows= số dòng tối thiểu trong một phần tách đoạn trên trang mới .
orphans= số dòng tối thiểu trong một đoạn được chia trên trang cũ .