こんにちは！ サイボウズ フロントエンドエキスパートチームの麦島です。 今回のテーマはContainer Queriesです。 Container Queriesは、祖先要素として存在するコンテナのスタイルに応じてCSSを適用するための機能です。利用時は@containerで宣言します。 従来でも ...

\ 前回はCSSのflexboxについて紹介しました / Webページのレイアウトを作る技術は、時代とともに進化してきました。 テーブルレイアウト、floatレイアウトなど、様々な方法がありましたが、より複雑で柔軟なレイアウトを実現するために登場したのがCSS Gridです。

Internet Explorerが終了したことでさまざまなモダンCSSが使えるようになったので、まとめていきます。 下記のCSSは全ブラウザ対応しているCSSになります。 原則、最新版ブラウザを使っている場合は機能します。 ただしiOSの場合、古い端末を使用している ...