Appendix A: Supported HTML tags

HTML renderer prihvaća ograničeni podskup za rich text, strukturirane blokove, tablice i izričito mapirane slike

Parametri

CSS kaskada

Rules may appear in <style> elements or inline style attributes

Selektori podržavaju kombinacije oznake, klase, ID-a, tag.class i podređenih elemenata razdvojenih razmakom; nepodržani selektori atributa, pseudo selektori i kombinatori braće ili djece zanemaruju se

Odgovarajuće deklaracije upotrebljavaju CSS specifičnost i redoslijed izvora, ugradbene deklaracije imaju prednost, a !important se poštuje unutar podržanog podskupa

Podržana svojstva uključuju svojstva teksta, pozadine, fonta, dekoracije, poravnanja, visine retka, margine, podstave, obruba, širine, visine, prikaza i okomitog poravnanja navedena dolje, plus svojstva Flexboxa, Grida i fusnota u svojim odgovarajućim odjeljcima

Duljine prihvaćaju točke, piksele po 0.75 točke po pikselu, em jedinice, postotke i vrijednosti u točkama bez jedinice; veličine fontova prihvaćaju i standardnu ljestvicu ključnih riječi od xx-small do xx-large

Flexbox

display:flex i display:inline-flex podržavaju flex-direction, flex-wrap, flex, flex-grow, flex-shrink, flex-basis, justify-content, align-items, align-self, align-content, gap, row-gap i column-gap

Redni spremnici raspodjeljuju pozitivni i negativni slobodni prostor po flex retku, prelomljeni redovi mjere se neovisno, a stupčani spremnici raspodjeljuju izričitu ili iz sadržaja izvedenu visinu

CSS Grid

display:grid i display:inline-grid podržavaju grid-template-columns, grid-template-rows, fiksne, postotne i fr staze, jednostavne repeat() i minmax(), grid-column, grid-row, svojstva početka i kraja, spanove, razmake, automatsko smještanje po retcima ili stupcima i poravnanje po stavci

Jedan spremnik prima najviše 256 izravnih stavki i 64 retke ili stupce; ugniježđeni sadržaj upotrebljava isti HTML renderer i predmemoriju rasporeda

Fusnote

<footnote>, <aside style="float:footnote"> i <aside role="doc-footnote"> stvaraju numerirane bilješke

Konačni tekstni okviri prije rasporeda kasnijih redaka tijela rezerviraju područje napomene na dnu; referenca i napomena koje zajedno ne stanu nastavljaju se u sljedeći okvir, a stanje nastavka čuva numeriranje

Tablice

<table>, <tr>, <td> i <th> iscrtavaju izmjerene retke s pozadinama, dopunom, obrubima, stilovima teksta i colspan do 64 stupca

Stupci jednako dijele izričitu ili dostupnu širinu tablice, naslovne ćelije po zadanom imaju podebljan tekst sa svijetlom pozadinom, a redak se nastavlja kao jedna atomska jedinica u sljedećem HTML tekstnom okviru

Ugniježđene tablice, rowspan, spajanje obruba i automatsko dimenzioniranje stupaca vođeno sadržajem nisu dio ovog podskupa

Slike

<img src="name"> crta sliku prethodno vezanu s SetHTMLImage

Renderer podržava širinu, visinu, marginu, dopunu, obrub, pozadinu i poravnanje lijevo, po sredini ili desno; jedna nedostajuća dimenzija čuva prirodni omjer stranica, a izostavljene dimenzije koriste 0,75 točaka po izvornom pikselu

Slikovni izvori nikad ne okidaju mrežni ili datotečni pristup, mjerenje ne registrira resurse, a ponovljena upotreba ponovno upotrebljava povezani Image XObject

Granice i oporavak

Jedan HTML ulaz prima najviše 2048 pravila stilova, 256 bajtova po selektoru, 4096 bajtova po bloku deklaracija, 4096 redaka tablice i 4096 ćelija tablice

Nepoznata svojstva, selektori, oznake i atributi zanemaruju se, a okolni tekst se zadržava; reference znakova dekodiraju se, a neispravno ugniježđivanje konzervativno se zatvara

Primjer

var
  LogoID: Integer;
begin
  LogoID := PDF.AddImageFromFile('logo.png');
  PDF.SetHTMLImage('brand-logo', LogoID);
  PDF.DrawHTMLTextBox(50, 750, 420, 180,
    '<style>.report h2 { color:#204080; } table { border:1pt solid #808080; }</style>' +
    '<section class="report"><h2>Quarterly report</h2>' +
    '<img src="brand-logo" width="72pt">' +
    '<table><tr><th>Region</th><th>Total</th></tr>' +
    '<tr><td>North</td><td>125</td></tr></table></section>');
end;