ただいま新デザインバージョンのプレビュー中です。旧バージョンはこちら。不具合等はお問い合わせより報告お願いいたします。

display: contentsの利用

全2回

displayプロパティはボックスの生成に関するプロパティで、指定できる値はさまざまです。その中のcontents値について、仕様と使用例を解説します。

第1回を読む

後編 CSS Gridで活用する

display: contents;は、どんなときに使えばよいかという実践を考えていきます。その一つの考えとして、ここでは、親子関係が重要なCSS Gridでの利用を紹介します。

前編 ボックス生成時の振る舞い

displayプロパティのcontents値について解説します。まずはその振る舞いを確認してみましょう。