2026-04

タイル型のレイアウトを作る方法を説明していきます。CSSグリッドflexboxと同じように、親要素のコンテナと子要素のアイテムを作成します。「display：grid」を記述して開始します。CSS.container{desplay:gri...

レイアウトを組むことが出来るFlexboxについて説明していきます。Flexbox（フレックスボックス）Flexboxとは、複雑なレイアウトなどを簡単に組むことが出来ます。基本的な考え方としては、親要素のコンテナの中に子要素のアイテムを入れ...

classとidについて説明していきます。class（クラス）classは、複数の要素に同じスタイルを適用する際に使用します。記述するときは必ず「.（ピリオド）」をつけます。同じclass名は再利用が出来るので何回でも使用可能です。例えば、...

リストを装飾するための方法を説明していきます。list-style-type（リストスタイルタイプ）list-style-typeは、リストの記号や番号のスタイルを指定することが出来ます。none:リストマーカーを非表示disc:黒丸cir...

要素の枠線を設定する方法を説明していきます。border（ボーダー）borderは、要素の枠線（外側の線）に関わる情報を一気に設定することが出来るプロパティです。border：太さ 種類 色 ;という風になっています。border: 1px...

要素の外側・内側に余白をつける方法を説明していきます。margin（マージン）要素の外側（要素から他の情報）までの余白は、marginプロパティで指定出来ます。数値で指定：pxやrem、%などの単位をつけるauto：関連するプロパティの値に...