Niet-ondersteunde CSS-functies en workarounds
In een oogopslag
Sectie met titel “In een oogopslag”De writeHtml-engine rendert inhoud in één voorwaartse pass en herberekent de lay-out van eerder verwerkte inhoud nooit. Sommige gedragingen van Cascading Style Sheets (CSS) passen niet in dat model. Deze pagina beschrijft de specifieke gedragingen die de engine niet toepast en geeft je voor elk gedrag een ondersteunde workaround. Lees voor de verificatiestatus per module de CSS-ondersteuningsmatrix.
Deze beperkingen zijn afgebakend en vormen geen roadmap. Elke vermelding gaat over het exacte niet-ondersteunde gedrag, niet over de hele eigenschap.
Niet-ondersteunde gedragingen
Sectie met titel “Niet-ondersteunde gedragingen”| Gedrag | Wat niet wordt toegepast | Workaround |
|---|---|---|
position: absolute / position: relative offset-lay-out | De engine plaatst boxen in documentvolgorde. De top/right/bottom/left-offsets die een gepositioneerde box buiten de normale flow plaatsen, worden niet toegepast. Statische positionering werkt wel. | Gebruik tabellen of flex binnen de normale flow voor plaatsing. |
Benoemde grid-template-areas | De engine implementeert geen plaatsing via benoemde grid-gebieden. Expliciete plaatsing via grid-lijnen werkt wel. | Plaats items met expliciete grid-lijnen of gebruik een tabel. |
rowspan over een pagina-einde heen (gedegradeerd) | Een rowspan-cel wordt op één pagina gerenderd. Bij paginering van de tabel fragmenteert een overspannende cel die de paginagrens kruist zoals beschreven in Architectural Decision Record (ADR-007), en een cel die te hoog is om te splitsen veroorzaakt UnsplittableContentException. | Gebruik voor gegroepeerde rijen die tijdens paginering intact moeten blijven een float of een categoriekoprij in plaats van een hoge rowspan. |
overflow: hidden achtergrond-paint-order | overflow: hidden verandert de achtergrond-paint-order niet en clipt de achtergrond van een onderliggend element niet tot de afgeronde of vaste box van een voorouder. | Pas de achtergrond toe op het element dat de clip bezit, of ga niet uit van geclipte achtergronden. |
| Naast elkaar geplaatste, afbrekende prose in een flex-item | Een flex-item met prose die moet afbreken, loopt buiten zijn track in plaats van binnen de track af te breken. | Gebruik een tabel met twee kolommen en expliciete pixel-kolombreedtes. |
| Procentuele kolombreedte die naar nul oplost | Wanneer een %-kolom-width geen oplosbare basis heeft, wordt die naar 0 geparset en triggert dat de kolom-squeeze-waarschuwing. | Geef naast elkaar staande kolommen expliciete pixelbreedtes. |
Zie ook
Sectie met titel “Zie ook”- CSS-ondersteuningsmatrix — verificatiestatus per module en ondersteunde functies.
- HTML: HTML+CSS-naar-PDF-weergavesubsysteem — het single-pass-model achter deze beperkingen.
- Een HTML-tabel opmaken — tabelpatronen als vervanging voor offset-positionering en prose die in flex afbreekt.