最新の1行でできるCSSアップグレード

安定したアップグレード

• aspect-ratio : 動画のような要素に縦横比を強制的に適用
• object-fit : img やその他の置換要素で、コンテンツのコンテナとして機能させ、background-size に似たサイズ変更の挙動を可能にする
• margin-inline : 横書きモードで左右のマージンを設定する短縮プロパティとして機能

安定した改善

• text-underline-offset : テキストのベースラインと下線の間の距離を制御
• outline-offset : 要素とアウトラインの間の距離を調整
• scroll-margin-top および scroll-margin-bottom : スクロール位置に対する要素のオフセットを追加
• color-scheme : ブラウザUI要素を light または dark スキームでレンダリングするようブラウザに要求
• accent-color : チェックボックスやラジオボタンの色を変更
• width: fit-content : 要素を内容のサイズに合わせて「シュリンクラップ」する

段階的な改善

• overscroll-behavior : 要素内でスクロールが終わったときに、スクロール操作が背後のページへ伝わる既定の動作を変更
• text-wrap : 「孤立語」を防ぎ、テキスト行のバランスを取るために使用
• scrollbar-gutter : レイアウト内でスクロールバー用のスペースを予約し、望ましくないレイアウト変化を防止

[pmc7777]

21世紀のけちんぼ

[anjin225]

-webkit-font-smoothing: antialiased;

[singed]

まだIEをサポートしていますか？

[kuroneko]

すでに使っているものもありますが、初めて見るものもありますね。 +_+
ブラウザ対応が惜しいと感じるときもたまにありますが、最新のCSSを見るとものすごく進化したと感じます。