- Baseline: una línea base que indica si una funcionalidad de la plataforma web está lista para usarse en los navegadores principales. Tiene 2 etapas (entra como Newly y, 30 meses después, pasa a Widely)
- Ahora Baseline también fue incorporado en el sitio Can I Use, por lo que en ciertas funcionalidades se muestran las insignias Newly/Widely
- Container Query de tamaño de elemento
- Nuevos espacios de color y funciones: permite acceder a colores fuera de la gama sRGB,
lch()/lab()/oklch()/oklab(), color-mix(), color()
- Compression Streams API
- Offscreen Canvas: se renderiza separado del DOM. Mejora el rendimiento y hace posible el soporte para WebWorker
- Soporte para Module Preload
- Las funciones trigonométricas se incluyen en Baseline:
sin(), cos(), tan(), asin(), acos(), atan(), atan2()
- Atributo
inert: al configurarlo, deja de poder interactuarse con el elemento (no se dispara el evento click, no puede recibir foco y se excluye del árbol de accesibilidad)
- Soporte para Subgrid en el layout de CSS Grid
- NumberFormat V3
- Fullscreen API
- Selector
:has() de CSS
- Otras funcionalidades añadidas este año a Baseline
- Constructable Stylesheets
- Complex nth-child selectors in CSS
- The range syntax for media queries
- Import Maps
- Multiple values for CSS display
- @counter-style
- The counter-set CSS property
- The linear() easing function
- Origin Private File System (OPFS)
- CSS Nesting, including the change that adds relaxed parsing.
- CSS :dir() pseudo-class selector
- CSS cap length unit
- CSS masking
- Media query support for HTML video <source> elements
- The HTML <search> element
- Lazy loading of <iframe> elements (landing in Firefox 121 on December 19th)
- The lh and rlh CSS line-height units
2 comentarios
Me pone feliz que se hayan agregado muchas funciones geniales a CSS.