Ir al contenido

HTML y CSS admitidos

Los documentos se montan para el papel: páginas, tablas que continúan entre páginas, encabezados y pies. El servicio admite las partes de HTML y CSS que importan para eso. Lo que quede fuera se ignora y lo informa la validación.

  • El modelo de cajas de CSS, con box-sizing, márgenes (incluidos auto y negativos), tamaños min- y max-.
  • Tablas, con colspan, rowspan y filas de encabezado repetidas en todas las páginas que ocupan.
  • Flexbox: dirección, salto de línea, grow, shrink, basis, align-* y justify-content.
  • Un subconjunto de grid: grid-template-columns con longitudes, fr, auto y repeat(), y gap, con colocación automática de las filas.
  • display: inline-block, texto en varias columnas (column-count, column-gap), listas con viñetas, <hr>.
  • position: relative y absolute con desplazamientos, y z-index.
  • Tamaño, orientación y márgenes de @page, y cajas de margen superior e inferior para encabezados y pies, con counter(page) y counter(pages).
  • break-before, break-after, break-inside y los nombres antiguos page-break-*, con control de líneas viudas y huérfanas.
  • Un índice en el PDF construido a partir de los títulos, y enlaces pulsables de <a href>.
  • Formación de texto para escrituras complejas y texto de derecha a izquierda.
  • font-weight de 1 a 1000 y cursiva, para las fuentes que tienen esos estilos.
  • hyphens: manual, y separación silábica automática para inglés.
  • Unidades px, pt, cm, mm, in, %, em y rem, y calc().
  • Colores, fondos, linear-gradient(), bordes (sólido, discontinuo, punteado), border-radius, box-shadow, opacity y overflow: hidden.
  • SVG rect, circle y line, dibujados como formas vectoriales.
  • Imágenes PNG y JPEG; consulta Imágenes.

Etiqueta, clase, id, universal, selectores de atributo con los operadores habituales, combinadores de descendiente, hijo y hermano, :nth-child, :first-child y :last-child. Propiedades personalizadas de CSS con var() y valores de reserva.

JavaScript, @font-face e @import, animaciones y transiciones, pseudoclases como :hover, y casi todo lo que solo tiene sentido en una pantalla. Ante la duda, valida el documento.