Publicado: 17 de julio de 2026
Te damos la bienvenida nuevamente al resumen mensual de Baseline. En junio de 2026, field-sizingse convirtió en Baseline Newly available, lo que permite que los controles de formulario se ajusten automáticamente a su contenido. Mientras tanto, una amplia variedad de funciones de CSS, HTML y Web API alcanzaron el estado de Baseline Ampliamente disponible, junto con actualizaciones importantes de la comunidad de desarrolladores.
Alertas de referencia sobre el estado de la plataforma web
Ahora es más fácil hacer un seguimiento de cuándo las funciones web se vuelven interoperables con las alertas de Baseline en el panel de estado de la plataforma web. Cuando accedas con GitHub, podrás suscribirte a las notificaciones sobre las funciones a medida que estén disponibles como Baseline Newly available, Widely available o reciban nuevas implementaciones en el navegador. Las suscripciones se pueden configurar para enviar actualizaciones por correo electrónico o feeds RSS personalizados con una programación mensual, semanal o inmediata. Puedes definir el alcance de las alertas para las búsquedas guardadas (como todas las funciones de HTML), crear boletines informativos personalizados, generar listas de funciones que se puedan compartir o configurar webhooks de Slack para notificar a tu equipo de ingeniería.
Obtén más información en Presentamos las alertas de referencia.
Funciones de Baseline disponibles recientemente
Las funciones de esta sección se admiten desde junio de 2026 en el conjunto principal de navegadores y ahora están disponibles en Baseline Newly available.
field-sizing
La propiedad field-sizing de CSS proporciona control sobre el comportamiento de tamaño de los elementos de formulario, como <textarea>, <input> y <select>, que tradicionalmente tienen dimensiones fijas predeterminadas. Con los controles de formulario field-sizing: content, los formularios se expanden o contraen automáticamente para adaptarse a su contenido, lo que reduce la necesidad de usar secuencias de comandos de cambio de tamaño automático de JavaScript personalizadas.
Obtén más información en la página de referencia de MDN sobre field-sizing.
Funciones de referencia con gran disponibilidad
Las siguientes funciones se volvieron disponibles de forma general en Baseline, lo que significa que ahora son ampliamente compatibles y se pueden usar en tus proyectos.
Seudoclase :has()
El selector principal de CSS :has() te permite aplicar un diseño a un elemento en función de sus elementos secundarios o hermanos posteriores. Esta pseudoclase funcional habilita patrones de diseño condicionales directamente en CSS sin necesidad de JavaScript para inspeccionar estructuras del DOM.
Obtén más información en la página de MDN sobre la seudoclase :has.
HTMLIFrameElement.loading
La propiedad loading en los elementos <iframe> habilita la carga diferida para los marcos incorporados. Si especificas loading="lazy", los navegadores difieren la carga de los elementos iframe fuera de la pantalla hasta que se desplazan cerca del viewport, lo que ahorra ancho de banda de la red y sobrecarga de carga inicial de la página.
Consulta los detalles en la referencia de MDN para HTMLIFrameElement.loading.
CanvasRenderingContext2D.reset()
El método reset() en contextos de lienzo 2D borra el estado del contexto de dibujo, restableciendo propiedades como transformaciones, rutas de recorte, estilos de línea y estilos de relleno a sus valores predeterminados. Esto permite que un contexto de lienzo se reutilice de forma limpia sin necesidad de limpiar las propiedades de forma manual.
Obtén más información en la documentación de MDN sobre CanvasRenderingContext2D.reset.
Unidad de longitud cap
La unidad cap relativa a la fuente corresponde a la altura nominal de la letra mayúscula de la fuente del elemento. Te permite alinear y dimensionar elementos en relación con la altura de las letras mayúsculas, lo que permite diseños tipográficos precisos.
Obtén más información en la referencia de MDN sobre unidades de longitud.
counter-set propiedad
La propiedad counter-set de CSS establece un contador de CSS en un valor especificado, lo que complementa counter-reset y counter-increment. Proporciona control cuando se manipulan listas numeradas, esquemas de documentos o secuencias de contadores personalizados.
Lee los detalles en la página de MDN sobre counter-set.
createImageBitmap()
El método estático createImageBitmap() crea una imagen de mapa de bits asíncrona a partir de varias fuentes de imágenes, incluidas <img>, <canvas>, Blob o ImageData. Como decodifica imágenes fuera del subproceso principal, evita bloquear el rendimiento de la IU cuando se controlan gráficos complejos del lienzo.
Consulta los detalles de implementación en la documentación de MDN sobre createImageBitmap.
Tipo de datos <easing-function>
El tipo de datos <easing-function> de CSS describe las curvas matemáticas de la tasa de cambio para las transiciones y animaciones. Además de las palabras clave estándar, como ease-in o cubic-bezier(), admite funciones como linear() para crear efectos de rebote o resorte personalizados.
Obtén más información para usarla en la referencia de MDN para la función de aceleración.
Selector de anidación de &
El selector de anidación & ancla de forma explícita los selectores de reglas secundarios a su selector principal cuando se usa la anidación de CSS integrada. Garantiza la claridad y las reglas de especificidad correctas cuando se definen estados anidados de seudoclase, enfoque o desplazamiento.
Consulta los detalles en la guía de MDN para el selector de anidación.
Precarga adaptable con rel="preload"
El atributo media en los elementos <link rel="preload"> permite la precarga adaptable de recursos clave. Si combinas rel="preload" con consultas de medios, los navegadores solo descargan los recursos que coinciden con el ancho del viewport o las características de la pantalla del usuario al principio del ciclo de vida de carga.
Descubre cómo usarlo en la documentación de MDN para rel="preload".
HTMLMediaElement.preservesPitch
La propiedad preservesPitch en los elementos <audio> y <video> controla si el navegador ajusta el tono del audio cuando cambia el playbackRate.
Si se configura en false, se permiten los cambios de tono cuando se acelera o se ralentiza la reproducción de contenido multimedia.
Consulta los detalles en la página de MDN sobre HTMLMediaElement.preservesPitch.
Seudoclase :dir()
La seudoclase :dir() de CSS coincide con los elementos según la direccionalidad del texto (como ltr o rtl), y la dirección coincidente se hereda de atributos HTML como dir o del contexto de texto calculado.
Obtén más información en la página de MDN sobre la seudoclase :dir.
Función matemática pow()
La función pow() de CSS calcula los valores de potencia exponencial directamente dentro de las declaraciones de CSS, elevando un número base a un exponente (por ejemplo, pow(2, 3)). Esto simplifica el ajuste de escala adaptable y las relaciones matemáticas de la cuadrícula.
Lee los detalles en la referencia de MDN para la función pow.
Propiedad mask de CSS
La propiedad abreviada mask de CSS oculta partes de un elemento con imágenes o degradados como capas de recorte. Combina subpropiedades como mask-image, mask-position y mask-repeat para crear efectos de enmascaramiento visual complejos.
Obtén más información en la página de MDN sobre la propiedad mask.
@media (scripting)
La función de medios scripting prueba si las secuencias de comandos del cliente (como JavaScript) están habilitadas y disponibles en el contexto del navegador. Esto permite que los estilos de mejora progresiva se dirijan a entornos con o sin JavaScript activo.
Obtén más información en la referencia de MDN para la función de medios de secuencias de comandos.
URL.canParse()
El método estático URL.canParse() verifica si una cadena determinada es una URL válida y analizable (con una URL base opcional) sin arrojar una excepción, lo que simplifica la validación de la URL en el tiempo de ejecución antes de crear instancias de objetos URL.
Consulta los detalles de implementación en la documentación de MDN para URL.canParse.
API de Storage Access
La API de Storage Access proporciona un mecanismo para que el contenido entre sitios incorporado en <iframe>s de terceros solicite acceso a cookies y almacenamiento sin particionar, lo que permite la autenticación y las interacciones con estado en los límites del dominio.
Lee los detalles en la página de MDN para la API de Storage Access.
Recapitulemos
Avísanos si nos olvidamos de algo relacionado con Baseline y nos aseguraremos de incluirlo en una edición futura. Si tienes alguna pregunta o quieres enviar comentarios sobre Baseline, puedes informar un problema en nuestra herramienta de seguimiento de errores.