【CSS】Safari 16.0でフルサポートされたoverflow: clipが便利

overflow: clipの概要 overflow: clipはChrome・Edgeでは90から[1]、Safariでは16.0から[2]フルサポートされた比較的新しい値です。 "overflow: clip" | Can I use overflow: clipの特徴には ① コンテンツを要素のパディングボックスに合わせて切り取る ② プログラム的なスクロールも含め、全てのスクロールを禁止する ③ overflow-xまたはoverflow-yを使用して1つの軸にクリッピングを適用することができる があります。[3][4] ①はoverflow: hiddenと同じですが、②、③の特徴はhiddenとは異なり、このことによってhiddenではできなかったことを簡単にできるようになりました。 本記事では、clipによってでできるようになったこと2つを紹介します。 1. position

[kkeisuke]

“position: stickyの祖先要素に使える”