Mejoras estables
- aspect-ratio: aplica de forma forzada una relación de aspecto a elementos como videos
- object-fit: permite que una
img u otro elemento reemplazado actúe como contenedor de su contenido y habilita un comportamiento de redimensionamiento similar a background-size
- margin-inline: funciona como una propiedad abreviada para establecer los márgenes izquierdo y derecho en modos de escritura horizontales
Mejoras estables adicionales
- text-underline-offset: controla la distancia entre la línea base del texto y el subrayado
- outline-offset: ajusta la distancia entre el elemento y su contorno
- scroll-margin-top y scroll-margin-bottom: agregan un desplazamiento del elemento respecto a la posición de scroll
- color-scheme: le pide al navegador renderizar los elementos de la interfaz del navegador con un esquema claro u oscuro
- accent-color: cambia el color de las casillas de verificación o los botones de opción
- width: fit-content: hace que el elemento se ajuste al tamaño de su contenido, tipo "shrink wrap"
Mejoras progresivas
- overscroll-behavior: cambia el comportamiento predeterminado donde, cuando el scroll termina en un elemento, la interacción de desplazamiento se transfiere a la página de fondo
- text-wrap: se usa para evitar palabras "huérfanas" y equilibrar las líneas de texto
- scrollbar-gutter: reserva espacio para la barra de desplazamiento en el layout para evitar cambios de diseño no deseados
5 comentarios
Un tacaño del siglo XXI
-webkit-font-smoothing: antialiased;¿Todavía das soporte a IE?
Ya usaba algunas, pero también hay varias que veo por primera vez. +_+
A veces da pena cuando el soporte de los navegadores se queda corto, pero al ver el CSS más reciente se siente cuánto ha avanzado.