Yatim piatu - Trik CSS

Anonim

Dalam istilah tipografi, yatim piatu adalah baris pertama paragraf yang tertinggal di halaman lama sedangkan paragraf berlanjut di baris berikutnya. The orphanproperti mengontrol jumlah minimum baris paragraf yang dapat ditinggalkan di halaman lama. Properti ini hanya mempengaruhi media berhalaman seperti print.

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

Misalnya, jika sebuah paragraf tidak bisa muat di satu halaman secara keseluruhan, paragraf itu akan dipisahkan jika memungkinkan. Dengan cara ini, satu baris paragraf dapat muncul di halaman sebelum berlanjut ke halaman berikutnya. Ini biasanya tidak diinginkan, sehingga banyak pengolah kata membutuhkan setidaknya dua baris untuk ditinggalkan di halaman lama, bukan satu. Anda dapat memberikannya angka positif (dengan 2 sebagai default) atau inherit.

Perhatikan bahwa orphanproperti umumnya tidak memengaruhi media non-halaman seperti screen. Namun, browser mendukung keduanya orphansdan columnsakan menerapkan fungsionalitas yang dimaksudkan ke kolom juga. Selain itu, properti hanya memengaruhi elemen level blok.

Singkatnya, dalam CSS secara khusus:
widows= jumlah baris minimum dalam paragraf yang terbagi di halaman baru .
orphans= jumlah baris minimum dalam pemisahan paragraf di halaman lama .
Garis merah adalah yatim piatu.

Terkait

  • janda

Dukungan Browser

Chrome Safari Firefox Opera YAITU Android iOS
25+ Tidak ada Tidak ada 9.2+ 8+ Tidak ada Tidak ada