Pular para o conteúdo

HTML e CSS suportados

Os documentos são montados para o papel: páginas, tabelas que continuam entre páginas, cabeçalhos e rodapés. O serviço suporta as partes de HTML e CSS que importam para isso. O que ficar fora é ignorado e reportado pela validação.

  • O modelo de caixas do CSS, com box-sizing, margens (inclusive auto e negativas), tamanhos min- e max-.
  • Tabelas, com colspan, rowspan e linhas de cabeçalho repetidas em todas as páginas que ocupam.
  • Flexbox: direção, quebra, grow, shrink, basis, align-* e justify-content.
  • Um subconjunto de grid: grid-template-columns com comprimentos, fr, auto e repeat(), e gap, com posicionamento automático das linhas.
  • display: inline-block, texto em várias colunas (column-count, column-gap), listas com marcadores, <hr>.
  • position: relative e absolute com deslocamentos, e z-index.
  • Tamanho, orientação e margens de @page, e caixas de margem superior e inferior para cabeçalhos e rodapés, com counter(page) e counter(pages).
  • break-before, break-after, break-inside e os nomes antigos page-break-*, com controle de linhas viúvas e órfãs.
  • Um índice no PDF montado a partir dos títulos, e links clicáveis de <a href>.
  • Formação de texto para escritas complexas e texto da direita para a esquerda.
  • font-weight de 1 a 1000 e itálico, para fontes que têm esses estilos.
  • hyphens: manual, e hifenização automática para inglês.
  • Unidades px, pt, cm, mm, in, %, em e rem, e calc().
  • Cores, fundos, linear-gradient(), bordas (sólida, tracejada, pontilhada), border-radius, box-shadow, opacity e overflow: hidden.
  • SVG rect, circle e line, desenhados como formas vetoriais.
  • Imagens PNG e JPEG; veja Imagens.

Tag, classe, id, universal, seletores de atributo com os operadores comuns, combinadores de descendente, filho e irmão, :nth-child, :first-child e :last-child. Propriedades personalizadas CSS com var() e valores de reserva.

JavaScript, @font-face e @import, animações e transições, pseudoclasses como :hover, e quase tudo o que só faz sentido em uma tela. Em caso de dúvida, valide o documento.