ついにChromeで使えるようになったCSSの便利機能！ light-dark()関数、field-sizingプロパティ、句読点括弧のカーニングができるtext-spacing-trimプロパティ

今回のアップデートでは、かなり便利なCSSのプロパティが追加されました。 ライトモードとダークモードのスタイルを簡単に定義できるlight-dark()カラー関数、垂直方向の中央に配置するalign-contentプロパティ、フォームのサイズを入力された文字量に合わせて自動変更するfield-sizingプロパティ、CSSで句読点括弧のカーニングができるtext-spacing-trimプロパティ、これらがブラウザにサポートされるのを待っていた人も多いと思います。 Chrome 123 beta New in Chrome 123 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに CSSのlight-dark()カラー関数 CSSのdisplay-modeでpicture-in-p

[coliss]

今回のアップデートでは、かなり便利なCSSのプロパティが追加されました。

[ustam]

対応していないブラウザでどのように表示されるかが一番の問題。

[stabucky]

field-sizingを楽しみにしていたけどなかなか実装されなかった。そしていざ実装されると全然面白くなかった。

[kijtra]

助かるわー

[izoc]

light-dark()は熱い

[daigo0117]

めっちゃ便利。半年後にSafariに採用されて、気にせず使えるようになるのは、それから更に2〜3年後ってとこかなぁ

[tasukuchan]

“align-content”

[cartman0]

darkmodeもいじれるようになったのか