positionでの上下中央配置に新しい記述方法が登場！

今までpositionで上下中央配置を行う際には負のパーセンテージを使用する必要がありましたが、今回ご紹介する記述方法は超簡単！

「insetプロパティ」を使うだけで簡潔に上下中央配置が実現出来ちゃいます。

.box{
position: fixed;
inset: 0;
margin: auto;
}

「inset: 0;」を指定することによって、すべての辺に適用される値を0にし、「margin: auto;」で（要素を含む）ブロックの端を基準にして要素を水平方向の中央に配置します。

IE以外のブラウザでは対応しているのでかなり汎用性の高い記述方法です。

良かったら使ってみてくださいね！

正しい効果測定は、正しい計測設定から！Googleアナリティクス設定項目チェックシート（無料）

Googleアナリティクスは、適切な初期設定を行って初めて、解析に役立つデータを計測できます。 正しい効果測定を行う上で、必要な設定項目のチェックシートをご用意しました。