aboutsummaryrefslogtreecommitdiff
path: root/files/ko/glossary/block/css/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/ko/glossary/block/css/index.html')
-rw-r--r--files/ko/glossary/block/css/index.html24
1 files changed, 24 insertions, 0 deletions
diff --git a/files/ko/glossary/block/css/index.html b/files/ko/glossary/block/css/index.html
new file mode 100644
index 0000000000..51f0e9115a
--- /dev/null
+++ b/files/ko/glossary/block/css/index.html
@@ -0,0 +1,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>