Foreldreløse - CSS-triks

Anonim

I typografi er et foreldreløst første linje i et avsnitt som er igjen på den gamle siden mens avsnittet fortsetter på det neste. Den orphanEiendommen styrer minimum antall linjer med et avsnitt som kan stå på den gamle siden. Denne egenskapen påvirker bare sidemedier som print.

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

For eksempel, hvis et avsnitt ikke får plass på en side i sin helhet, blir det delt hvor det er mulig. På denne måten kan enkeltlinjer i et avsnitt vises på siden før det fortsetter på neste side. Dette er vanligvis uønsket, så mange tekstbehandlere krever at minst to linjer er igjen på en gammel side, i stedet for en. Du kan gi det enten et positivt tall (hvor 2 er standard) eller inherit.

Vær oppmerksom på at orphaneiendommen generelt ikke påvirker ikke-sider medier som f.eks screen. Nettlesere som støtter begge deler orphans, columnsvil imidlertid også bruke den tiltenkte funksjonaliteten til kolonner. Eiendommen påvirker også bare elementer på blokknivå.

Kort sagt, i CSS spesifikt:
widows= minimum antall linjer i et avsnitt delt på den nye siden.
orphans= minimum antall linjer i et avsnitt delt på den gamle siden.
De røde linjene er foreldreløse.

I slekt

  • enker

Nettleserstøtte

Chrome Safari Firefox Opera DVS Android iOS
25+ Ingen Ingen 9.2+ 8+ Ingen Ingen