Upgrade CSS satu baris terbaru

Upgrade yang stabil

• aspect-ratio: menerapkan rasio aspek secara paksa pada elemen seperti video
• object-fit: membuat img atau elemen pengganti lain bertindak sebagai kontainer untuk kontennya, dengan perilaku pengubahan ukuran yang mirip background-size
• margin-inline: berfungsi sebagai properti singkat untuk mengatur margin kiri dan kanan dalam mode penulisan horizontal

Peningkatan yang stabil

• text-underline-offset: mengontrol jarak antara garis dasar teks dan garis bawah
• outline-offset: menyesuaikan jarak antara elemen dan garis luarnya
• scroll-margin-top dan scroll-margin-bottom: menambahkan offset elemen terhadap posisi scroll
• color-scheme: meminta browser merender elemen UI browser dalam skema light atau dark
• accent-color: mengubah warna checkbox atau radio button
• width: fit-content: membuat elemen "membungkus pas" sesuai ukuran kontennya

Peningkatan progresif

• overscroll-behavior: mengubah perilaku bawaan saat interaksi scroll diteruskan ke halaman latar belakang ketika scroll berakhir di elemen
• text-wrap: digunakan untuk mencegah kata yang menjadi "yatim" dan menyeimbangkan baris teks
• scrollbar-gutter: mencadangkan ruang untuk scrollbar dalam layout agar mencegah perubahan layout yang tidak diinginkan

[pmc7777]

Hemat pangkal kaya di abad ke-21

[anjin225]

-webkit-font-smoothing: antialiased;

[singed]

Masih mendukung IE?

[kuroneko]

Beberapa sudah saya pakai, tapi ada juga yang baru pertama kali saya lihat. +_+
Kadang dukungan browser masih agak disayangkan, tapi melihat CSS terbaru rasanya perkembangannya luar biasa.