→つまり縦なら縦、横なら横にしかレイアウト出来ない。 ・スペースの分配をする機能と強力な位置合わせをする機能を提供する →横並べに加え、要素の中央寄せとかもセットで出来ますよーってこと。これから解説するjustify-content、align-itemsに繋がるところ。 flexboxの考え方 上記で出た「...
マージン とパディング ユーティリティ ( ml-6 とpt-1 ) によるカードのテキストの位置調整 フォントサイズ、 文字色 とline-height ユーティリティ ( text-xl, text-gray-900, leading-tight など) によるカードのテキストのスタイリング これらにより CSS を1行も書くことなく独自...
これは、イメージを左上隅、上端、右上隅、右端、右下隅、下端、左下隅、左端、中央の9個のリージョンに効果的に分割します。 1つの値が指定されている場合は、この値が4つすべての端の区分値に使用されます。 中央区分は、fillが指定されている場合には保持され、それ以外の場合には破棄されま...
初期設定では、位置とサイズの単位はピクセルです。単位として、pc(パイカ)、pt(ポイント)、in(インチ)、mm(ミリメートル)、cm(センチメートル)、(ems)、(exs)、%(親の値に対する割合)を指定することもできます。単位は、値の後にスペースを入れず続けて入力します(例:3mm)。
CSSの基礎には十分精通している方向けに、CSSの上級者向けテクニックをご紹介。トランジション、アニメーション、変形などをマスターして、デザインスキルをさらに磨きましょう。