「2022年のモダンCSS改」を試してみました

投稿日：2022年7月29日

新しいCSSプロパティが紹介されている 2022年のモダンCSS改 – Speaker Deck という記事(?)を読みました。

興味深かったので、そこで紹介されていたCSSプロパティを試すWebページを作成してみました。

ページリンク	説明
上下左右中央寄せ(CSS)	上下左右方向の中央寄せ。
scroll-behavior を試す	特定のボックス内のスクロールの動きを指定する。瞬時の移動、もしくは滑らかなスクロールか。
scroll-margin-top を試す	フラグメント(#)付きリンクでスクロールする際のオフセット(ずれの大きさ)を設定できる。画面上部に固定されたヘッダ領域がある場合などに便利。
backdrop-filter を試す	背景画像に対して、ぼかしなどのフィルターを掛ける。
text-align-last を試す	特定の要素内の最終行での文字の配置方法を指定する。「最終行」は、「要素の幅に対して十分な量の文字がない可能性がある」という意味で特殊であり、それ以外の行と区別して扱うと便利である。
overscroll-behavior-y を試す	特定の要素上で、スクロール操作した際の挙動を指定する。その要素内のスクロールと、その外部のスクロールとを扱う。

📂-Web

執筆者：labo