【CSS】displayの使い方を総まとめ!inlineやblockの違いは?

job_illustrator_pc_woman-e WordPress
【CSS】displayの使い方を総まとめ!inlineやblockの違いは?
CSSの難関「display」プロパティについて初心者でも分かるように丁寧に解説します。inline、block、inline-block、noneとは?違いは?
CSSのdisplayをマスターしよう(block・inline・none・inline-blockの意味と違い)

 前回の講座

CSSのmarginとは?paddingとは?余白の指定方法まとめ

CSSのmarginとは?paddingとは?余白の指定方法まとめ

今回はCSSのdisplayプロパティをマスターしましょう。少し分かりづらい内容ではありますが、Webサイトを作るためには必ず理解しておく必要があります。

 この記事の目次

  1. displayとは?
  2. block
  3. inline
  4. inline-block
  5. none
  6. まとめ

 前提知識

タグと要素

この記事では「要素」という言葉を連発します。要素というのは、<タグ>〜</タグ>のカタマリを表します。たとえば、<p>これは例文です<p>は1つの要素です。

タイトルとURLをコピーしました