Janda - Trik CSS

Anonim

Dalam istilah tipografi, janda adalah baris terakhir paragraf yang ditinggalkan sendirian di halaman baru atau di kolom baru. The widowsproperti di CSS mengontrol jumlah minimum baris dari ayat yang bisa jatuh ke halaman baru. Properti ini hanya mempengaruhi media berhalaman seperti print.

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

Jika sebuah paragraf tidak bisa muat pada satu halaman secara keseluruhan, paragraf itu dipisahkan jika memungkinkan. Dengan begitu, satu baris paragraf dapat muncul di halaman sebelum berlanjut ke halaman berikutnya. Ini biasanya tidak diinginkan sehingga banyak pengolah kata memerlukan setidaknya dua baris tersisa di halaman lama, bukan satu. The orphanproperti bertindak serupa. Anda dapat memberikannya angka positif (dengan 2 sebagai default) atau inherit.

Perhatikan bahwa widowsproperti umumnya tidak memengaruhi media non-halaman seperti screen. Namun, browser mendukung keduanya widowsdan 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 pemisahan paragraf di halaman baru .
  • orphans= jumlah baris minimum dalam pemisahan paragraf di halaman lama .
Garis merah adalah janda.

Terkait

  • yatim piatu

Dukungan Browser

Data dukungan browser ini berasal dari Caniuse, yang lebih detail. Angka menunjukkan bahwa browser mendukung fitur pada versi tersebut dan yang lebih baru.

Desktop

Chrome Firefox YAITU Tepi Safari
25 Tidak 8 12 7

Ponsel / Tablet

Android Chrome Android Firefox Android iOS Safari
88 Tidak 4.4 7.0-7.1