viewsflexアイテムに指定できるプロパティを紹介します。順番を入れ替えたり、子要素の伸縮率でを指定したり。flexアイテムに指定できるプロパティをまとめて紹介します。目次ベースのHTMLorderflex-growflex-shrinkflex-basisflexalign-selfまとめベースのHTML今回はul、liを使って紹介します。他のタグでももちろんOKです。flex;}また、今回はflexアイテムに対して指定するプロパティについて紹介します。orderflexアイテムの順番を変えられます。マイナスの数値も可能。1;}12345flex-growflexコンテナーにスペースがある場合、flexアイテムの伸びる比率を指定できます。0;}123flex-shrinkflex-growとは真逆のプロパティです。flexコンテナーにスペースがない場合、flexアイテムの縮む比率を指定できます。0;}123flex-basisflexアイテムの幅を、widthと同じように決めることができます。初期値はautoです。0;}123flex「flex-grow」、「flex-shrink」、「flex-basis」の順でまとめて指定できるショートハンドです。40%;}align-selfalign-itemと同じように垂直方向の指定ができますが、flexアイテムに対してになります。flexコンテナーの指定(align-item)よりも優先されます。150px;}123まとめいかがでしたか?今回はflexアイテム編でしたが、よければこちらも合わせて読んでみてくださいね。Boxについて(flexコンテナー編)」それでは、みなさん善きコーディングライフを♪この記事を読んだ人はこんな記事も読んでいますCSSの【float】についてちょっと本気出して説明してみた。CSSの【float】についてちょっと本気出して説明してみた。しこのブログはWebコンテンツ総合製作の「ふたっぱ!」が運営しています。