diff options
Diffstat (limited to 'files/ko/glossary/block/css/index.html')
-rw-r--r-- | files/ko/glossary/block/css/index.html | 24 |
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> |