Fecha de publicación: 17 de julio de 2026
Te damos la bienvenida nuevamente al resumen mensual de Baseline. En junio de 2026, field-sizing se convirtió en Baseline Newly available, lo que permite que los controles de formulario se ajusten automáticamente a su contenido. Mientras tanto, una amplia gama de funciones de CSS, HTML y Web API alcanzaron el estado Baseline Widely available, junto con actualizaciones importantes de la comunidad de desarrolladores.
Alertas de Baseline 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. Si accedes con GitHub, puedes suscribirte a las notificaciones de las funciones a medida que se convierten en Baseline Newly available, Widely available o reciben nuevas implementaciones del navegador. Las suscripciones se pueden configurar para enviar actualizaciones por correo electrónico o feeds RSS personalizados de forma mensual, semanal o inmediata. Puedes limitar las alertas a 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 Baseline.
Funciones de Baseline Newly available
Las funciones de esta sección se admiten a partir de junio de 2026 en el conjunto de navegadores principales y ahora son Baseline Newly available.
field-sizing
La propiedad CSS field-sizing 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 field-sizing: content, los controles de formulario se expanden o reducen automáticamente para ajustarse a su contenido, lo que reduce la necesidad de 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 para field-sizing.
Funciones de Baseline Widely available
Las siguientes funciones se convirtieron en Baseline Widely available, lo que significa que ahora son ampliamente compatibles y se pueden usar en tus proyectos.
Seudoclase :has()
El selector superior CSS :has() te permite aplicar estilo a un elemento en función de sus descendientes o hermanos posteriores. Esta seudoclase funcional permite patrones de diseño condicionales directamente en CSS sin necesidad de JavaScript para inspeccionar las estructuras DOM.
Obtén más información en la página de MDN para la seudoclase :has.
HTMLIFrameElement.loading
La propiedad loading de los elementos <iframe> permite la carga diferida de los marcos incorporados. Si especificas loading="lazy", los navegadores difieren la carga de los iframes 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, restablece las 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 limpieza manual de propiedades.
Obtén más información en la documentación de MDN para CanvasRenderingContext2D.reset.
Unidad de longitud cap
La unidad relativa a la fuente cap corresponde a la altura nominal de la tapa 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 para unidades de longitud.
Propiedad counter-set
La propiedad CSS counter-set establece un contador 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 personalizadas.
Lee los detalles en la página de MDN para 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. Debido a que decodifica imágenes fuera del subproceso principal, evita bloquear el rendimiento de la IU cuando se manejan gráficos de lienzo complejos.
Consulta los detalles de implementación en la documentación de MDN para createImageBitmap.
Tipo de datos <easing-function>
El tipo de datos CSS <easing-function> describe las curvas matemáticas de la tasa de cambio
para transiciones y animaciones. Además de las palabras clave estándar como ease-in o cubic-bezier(), admite funciones como linear() para construir efectos de rebote o resorte personalizados.
Aprende a usarlo en la referencia de MDN para easing-function.
Selector de anidación &
El selector de anidación & ancla explícitamente los selectores de reglas secundarias a su selector superior cuando se usa la anidación de CSS integrada. Garantiza claridad y reglas de especificidad correctas cuando se definen estados anidados de seudoclase, enfoque o desplazamiento.
Lee los detalles en la guía de MDN para el selector de anidación.
Precarga responsiva con rel="preload"
El atributo media de los elementos <link rel="preload"> permite la precarga responsiva
de activos clave. Si combinas rel="preload" con consultas de medios,
los navegadores descargan solo los activos que coinciden con el ancho del viewport del usuario o las características de visualización
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 de los elementos <audio> y <video> controla
si el navegador ajusta el tono de audio cuando se cambia el playbackRate.
Si se establece en false, se permiten cambios de tono cuando se acelera o se ralentiza la reproducción de contenido multimedia.
Consulta los detalles en la página de MDN para HTMLMediaElement.preservesPitch.
Seudoclase :dir()
La seudoclase CSS :dir() coincide con los elementos según la direccionalidad del texto
(como ltr o rtl), la dirección coincidente heredada de atributos HTML como
dir o el contexto de texto calculado.
Obtén más información en la página de MDN para la seudoclase :dir.
Función matemática pow()
La función CSS pow() calcula los valores de potencia exponencial directamente dentro de las declaraciones de CSS, lo que eleva un número base a un exponente (por ejemplo, pow(2, 3)). Esto simplifica el ajuste de escala responsivo 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 visuales complejos de enmascaramiento.
Obtén más información en la página de MDN para la propiedad mask.
@media (scripting)
La función multimedia scripting prueba si la secuencia de comandos del cliente (como JavaScript) está habilitada y disponible en el contexto del navegador. Esto permite que los estilos de mejora progresiva segmenten entornos con o sin JavaScript activo.
Obtén más información en la referencia de MDN para la función multimedia scripting.
URL.canParse()
El método estático URL.canParse() verifica si una cadena determinada es una URL válida,
analizable (con una URL base opcional) sin generar 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> de terceros solicite acceso a cookies y almacenamiento no particionados, 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
Dinos si nos perdimos algo relacionado con Baseline y nos aseguraremos de que se capture en una edición futura. Si tienes alguna pregunta o quieres enviar comentarios sobre Baseline, puedes presentar un problema en nuestro sistema de seguimiento de errores.