📢 Webサイト閉鎖と移転のお知らせ
このWebサイトは2026年9月に閉鎖いたします。
新しい記事は移転先で追加しております。（旧サイトでは記事を追加しておりません）
| 20行目: | 20行目: | ||
*:* inline-block | *:* inline-block | ||
*:*: blockとinlineの特徴を併せ持つ。 | *:*: blockとinlineの特徴を併せ持つ。 | ||
*:*: 要素が横並びで配置される。(inlineの特徴) | |||
*:*: 幅と高さを指定できる。(blockの特徴) | |||
*:*: 各要素間にスペースを設定できる。 | |||
*:*: テキストの基準線に合わせて配置される。 | |||
*:*: <br> | |||
*:*: 下図では、青い四角形は各inline-block要素を表しており、それぞれが独立したボックスとして振る舞いながら、横並びで配置されている様子を示している。 | |||
*:*: [[ファイル:CSS Layout 3.png|フレームなし|中央]] | |||
*:* flex | *:* flex | ||
*:*: フレックスボックスレイアウトを使用できる。 | *:*: フレックスボックスレイアウトを使用できる。 | ||