CSS Flexbox プレイグラウンド
すべてのFlexboxプロパティをビジュアルで実験できます。アイテムをクリックして個別プロパティを調整。生成CSSはそのままコピー可能。
アイテム数
3 個
コンテナのプロパティ
flex-direction
flex-wrap
justify-content
align-items
align-content
gap（間隔）
8px
アイテムのプロパティ （アイテム1）
order（順序）
0
flex-grow（拡大）
0
flex-shrink（縮小）
1
flex-basis（基本サイズ）
align-self（個別揃え）
ライブプレビュー
生成CSS
確定申告・会計をもっとラクに？ freee会計 なら、フリーランスの経費管理もクラウドで簡単。まずは無料で試してみましょう。
clip-path作成 → CSS clip-pathメーカー
CSS詳細度 → CSS詳細度計算