Aktuelle CSS-Upgrades in einer Zeile

Stabile Upgrades

• aspect-ratio: Erzwingt ein Seitenverhältnis für Elemente wie Videos
• object-fit: Lässt img oder andere ersetzte Elemente als Container für ihren Inhalt fungieren und ermöglicht ein Größenanpassungsverhalten ähnlich zu background-size
• margin-inline: Funktioniert als Kurzschreibweise zum Festlegen des linken und rechten Außenabstands in horizontalen Schreibrichtungen

Stabile Verbesserungen

• text-underline-offset: Steuert den Abstand zwischen Textgrundlinie und Unterstreichung
• outline-offset: Passt den Abstand zwischen einem Element und seiner Umrandung an
• scroll-margin-top und scroll-margin-bottom: Fügen dem Element einen Versatz für die Scroll-Position hinzu
• color-scheme: Fordert den Browser auf, Browser-UI-Elemente im Light- oder Dark-Schema zu rendern
• accent-color: Ändert die Farbe von Kontrollkästchen oder Radio-Buttons
• width: fit-content: „Schrumpft“ ein Element auf die Größe seines Inhalts

Progressive Verbesserungen

• overscroll-behavior: Ändert das Standardverhalten, bei dem Scroll-Interaktionen an die Hintergrundseite weitergegeben werden, wenn das Scrollen am Element endet
• text-wrap: Wird verwendet, um „Waisen“ zu vermeiden und Textzeilen ausgewogen umzubrechen
• scrollbar-gutter: Reserviert im Layout Platz für die Scrollbar, um unerwünschte Layout-Verschiebungen zu verhindern

[pmc7777]

Der Geizkragen des 21. Jahrhunderts

[anjin225]

-webkit-font-smoothing: antialiased;

[singed]

Unterstützen Sie immer noch IE?

[kuroneko]

Einige davon nutze ich schon, andere sehe ich zum ersten Mal. +_+
Manchmal ist die Browser-Unterstützung etwas schade, aber wenn man sich modernes CSS ansieht, merkt man, wie stark es sich weiterentwickelt hat.