編集

Safari 17.5

#Safari #WebKit #CSS

5 月 13 日に Safari 17.5 がリリースされました。

WebKit Features in Safari 17.5

#text-wrap: balance

text-wrap: balance がサポートされました。このプロパティを指定すると、各行が均等な長さになるように改行されるようになります。

Safari のサポートによって、ほとんどの環境で利用できるようになりました。

#light-dark()

ライトモードとダークモードの色を指定できる light-dark()関数が追加されました。これも Safari のサポートにより、ほとんどの環境で利用できるようになりました。

css
color-scheme: light dark;
color: light-dark(black, white);

#@starting-style

@starting-style は、トランジションさせる要素の初期状態を指定できるアットルールです。これもほとんとの環境で利用できるようになりました。

css
[popover]:popover-open {
  opacity: 1;
  transform: scaleX(1);

  @starting-style {
    opacity: 0;
    transform: scaleX(0);
  }
}
編集