読み込み中...

デザイン・CSS無料登録不要

Flexチートシート

Flexboxの主要プロパティを一覧表示する無料オンラインツール。

項目	内容
display: flex	Flexコンテナ化
flex-direction	row / column
justify-content	主軸整列
align-items	交差軸整列
flex-wrap	折り返し
gap	要素間隔
flex: 1	均等伸縮

FAQ

よくある質問

画面の入力欄に処理したい値を入れるだけで、Flexチートシートが即座に結果を表示します。コピーボタンで結果をワンクリックでクリップボードに送れます。

関連ツール

こちらもおすすめ

Flexコンテナプロパティ

Flexコンテナプロパティを表示する無料オンラインツール。Flexコンテナプロパティをブラウザ上で即座に実行でき、デザイン・CSSとして登録不要で利用できます。

Flexアイテムプロパティ

Flexアイテムプロパティを表示する無料オンラインツール。Flexアイテムプロパティをブラウザ上で即座に実行でき、デザイン・CSSとして登録不要で利用できます。

Gridチートシート

CSS Gridの主要プロパティを一覧表示する無料オンラインツール。

CSS単位チートシート

CSS単位の種類と用途を一覧表示する無料オンラインツール。

border-radiusジェネレーター

CSSのborder-radiusをGUIで視覚的に調整。4隅個別・楕円形の角丸にも対応。コードをコピーしてすぐ使える無料オンラインツール。

Box Shadow生成

CSS box-shadowをGUIで直感的に作成。多重シャドウ、ニューモーフィズム、テキストシャドウにも対応。コード即コピーの無料ツール。