フレックス・グリッドレイアウト - とほほのWWW入門
フレックスボックス、グリッド、マルチカラム、ボックス等をレイアウトするために使用される、下記のCSSプロパティについて説明します。 結論だけ先に書くと、現時点では下記を指定するのがよさそうです。 ◆フレックスの横方向の配置 右寄せ：justify-content: flex-end 中寄せ：justify-content: center 左寄せ：justify-content: flex-start 均等配置(1)：justify-content: space-between 均等配置(2)：justify-content: space-around 均等配置(3)：justify-content: space-evenly ... IE/Edge未サポート ◆フレックスの縦方向の配置 上寄せ：align-items: flex-start 中寄せ：align-items: center
CSSの新しい疑似クラス関数「:is()」複数のセレクタを1つにまとめることができて、これは便利
CSSの新しい疑似クラス関数「:is()」が便利すぎるので紹介します。 :is()については、以前の記事で紹介した時はプレビュー版のみのサポートでしたが、ブラウザのサポートも進み、来年には普通に使用できるようになるかもしれません。 画像はツイートより 元ツイートは、こちら。 How slick :is(this CSS!?) 😏 removes the margins on all headers with a .tight class h1.tight, h2.tight....... 🤢 :is(h1,h2).tight { 🤓 } pic.twitter.com/y01f7uKPmA — Adam Argyle (@argyleink) October 13, 2020 ツイートは、hx要素のマージンをまとめて削除するスタイルシートが紹介されています。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
