4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

記事投稿キャンペーン 「2024年!初アウトプットをしよう」

◆HTML/CSS 備忘録② ブロック要素とインライン要素

Last updated at Posted at 2024-01-11

ブロック要素

要素が、行全体のまとまりになっているもの。

代表的なものは、【div/p/h1~h6/header/footerなど】

下記の特徴があります。

・縦方向に積み上がる
・縦横の高さや幅を設定できる

また、一般的に他のブロック要素やインライン要素を含むことができます。

ブロック要素.png

インライン要素

要素が、行の中の一部のまとまりになっているもの。

代表的なものは、【a/spanなど】

以下の特徴があります。

・横方向に並ぶ
・縦横の高さや幅の設定ができない

また、一般的にテキストや他のインライン要素を含むことができますが、ブロック要素は含むことができません。

インライン要素.png

前回の記事はこちら
◆HTML/CSS 備忘録① 親子関係

4
2
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?