aboutsummaryrefslogtreecommitdiff
path: root/files/ja/glossary/block/css/index.html
blob: fc0e333191d029bd3f91bb721b6c8e4e7a0ac17f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
---
title: Block (ブロック) (CSS)
slug: Glossary/Block/CSS
tags:
  - CSS
  - CodingScripting
  - HTML
  - デザイン
  - 用語集
translation_of: Glossary/Block/CSS
---
<p>ウェブページにおいて<ruby><strong>ブロック</strong><rp> (</rp><rt>block</rt><rp>) </rp></ruby>は、新しい行、つまり、横書きでは前の要素の下に、次の要素の上に現れる {{glossary("HTML")}} {{glossary("element", "要素")}}です (よく<em>ブロックレベル要素</em>として知られています)。例えば、 {{htmlelement("p")}} は既定ではブロックレベル要素であり、それに対して {{htmlelement("a")}}<em>インライン要素</em>です。 — HTML ソース内で複数のリンクを互いに隣に置くことができ、出力時には互いに同じ行に表示されます。</p>

<p>{{cssxref("display")}} プロパティを使用すると、要素がインラインで表示されるかブロックで表示されるか (他の多数のオプションの中で) 変更することができます。<strong>ブロック</strong>は配置方法や {{cssxref("position")}} の使用にも影響します。</p>

<h2 id="Learn_more" name="Learn_more">理解を深める</h2>

<h3 id="General_knowledge" name="General_knowledge">一般知識</h3>

<ul>
 <li><a href="/ja/docs/Web/Guide/CSS/Visual_formatting_model">視覚整形モデル</a></li>
</ul>

<div>{{QuickLinksWithSubpages("/ja/docs/Glossary")}}</div>