Google Chrome 133 の安定版が1月29日にリリースされました。

Chrome 133 release note

以下のリンクに主な変更点の情報が記載されています。

https://chromestatus.com/roadmap

https://developer.chrome.com/blog/chrome-133-beta?hl=ja

Pickup for WebClass

今回のリリースで、WebClassの機能に影響を与える変更点はありませんでした。

気になる変更点

CSSのattr()関数がcontentプロパティ以外でも使用可能に

これまで、contentプロパティのみで使用可能だったattr()関数が、全てのCSSプロパティで使用可能になりました。

attr()関数を利用することで、HTMLに記述した属性値をCSSで使用できるようになります。

<style>
  div {
     background-color: attr(data-foo type(<color>), red);
  }
</style>
<div data-foo="blue">test</div>

上記のコードだと、div要素にスタイルされているにdata-foo属性をにパースして、CSSで使用しています。

JavascriptでしかできなかったことがCSSでできるようになります。

今後の Chrome リリースについて

次回のリリースは2025年2月26日に予定されています。

その他ブラウザのリリースはこちらにまとめています。