blob: 51f0e9115a828e36e55678d771775918d1dac35c (
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: 블록 (CSS)
slug: Glossary/Block/CSS
tags:
- CSS
- CodingScripting
- Design
- Glossary
- HTML
translation_of: Glossary/Block/CSS
---
<p>웹페이지의 <strong>블록</strong>은 {{glossary("HTML")}} {{glossary("element", "요소")}}로 새 줄에 표시된다. 즉, 가로 쓰기 모드에 속한 선행 요소 아래나 (<em>블록 수준 요소</em>로 통용되는) 후속 요소 위에 표시된다. 예를 들면, {{htmlelement("p")}}는 기본적으로 블록 수준 요소지만, {{htmlelement("a")}}는 <em>인라인 요소</em>이다. 당신의 에이치티엠엘 소스에서 여러 링크를 상대 요소 옆에 위치시킬 수 있고, 그것들을 렌더링 된 출력 형태로 상대 요소와 동일 선상에 놓는다.</p>
<p>{{cssxref("display")}} 속성을 사용하면 요소가 (여러 다양한 옵션 중) 인라인으로 표시되는지 아니면 블록으로 표시되는지를 변경할 수 있으며, <strong>블록</strong> 역시 포지셔닝 체계의 영향과 {{cssxref("position")}} 속성 사용의 영향을 받는다.</p>
<h2 id="더_알아보기">더 알아보기</h2>
<h3 id="일반_지식">일반 지식</h3>
<ul>
<li><a href="/ko/docs/Web/Guide/CSS/Visual_formatting_model">시각적 서식 모델</a></li>
</ul>
<div>{{QuickLinksWithSubpages("/ko/docs/Glossary")}}</div>
|
