22 puntos por xguru 2024-02-01 | 5 comentarios | Compartir por WhatsApp

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

 
pmc7777 2024-02-04

Un tacaño del siglo XXI

 
anjin225 2024-02-01

-webkit-font-smoothing: antialiased;

 
[Este comentario fue ocultado.]
 
singed 2024-02-02

¿Todavía das soporte a IE?

 
kuroneko 2024-02-01

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.