CSS3displayプロパティは、フレキシブルボックスレイアウトを利用するために「フレックスコンテナ」とする要素を指定します。CSS3におけるdisplayプロパティの意味と使い方、値の指定方法、サンプルコード、使用例について解説します。}displayプロパティは、フレキシブルボックスレイアウトを利用するために「フレックスコンテナ」とする要素を指定します。フレキシブルボックスの利用時には以下の条件があります。::first-line疑似要素、::first-letter疑似要素を併用できない。vertical-alignプロパティを併用できない。floatプロパティ、clearプロパティを併用できない。columnsプロパティなどの段組みを指定するプロパティを併用できない。ボックスの種類を指定する場合は別の値を指定します。1値の指定方法コンテナの形式flex要素をブロックレベルのフレックスコンテナに指定します。inline-flex要素をインラインレベルのフレックスコンテナに指定します。flex;}フレキシブルボックスは、以下の図のように定義されます。フレックスコンテナとする要素に内包される子要素である「フレックスアイテム」が、「主軸」に沿って配置されます。主軸の方向は書字方向によって異なりますが、flex-direcrionプロパティで指定できます。主軸と垂直に交差する「クロス軸」は、フレックスアイテムが折り返す場合などの基準になります。それぞれの軸には、起点と終点が定義されています。次の記事flex-directionプロパティの意味と使い方CSS3サイト制作・運営CSSTwitterでシェアFacebookでシェアLineで送るこの記事が気に入ったらいいね!しようできるネットから最新の記事をお届けします。ゆうこ)Webサイト制作を行うデジパ株式会社所属のマークアップエンジニア。HTML、CSSによるコーディング業務から、CMSの導入・カスタマイズまで、制作業務全般に携わる。「ディレクターからの指示がなくても、かゆいところに手が届くように」がモットー。よしき)フリーランスによるWebサイト制作業務などを経て、2004年よりWebサイト制作を行うデジパ株式会社に所属。クリエイティブ事業部マネージャー。個人活動としてセミナーでの講演、執筆も行う。使い方のポイントがすぐわかる!auからmineoでの移行。仕事で落ち込むことがあったから、会社帰りにマインドフルネスしてみた【メンタル余裕への道】Office上位パッケージが身近に。