From da78a9e329e272dedb2400b79a3bdeebff387d47 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:17 -0500 Subject: initial commit --- files/ko/glossary/block/css/index.html | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) create mode 100644 files/ko/glossary/block/css/index.html (limited to 'files/ko/glossary/block/css') 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 +--- +

웹페이지의 블록은 {{glossary("HTML")}} {{glossary("element", "요소")}}로 새 줄에 표시된다. 즉, 가로 쓰기 모드에 속한 선행 요소 아래나 (블록 수준 요소로 통용되는) 후속 요소 위에 표시된다. 예를 들면, {{htmlelement("p")}}는 기본적으로 블록 수준 요소지만, {{htmlelement("a")}}는 인라인 요소이다. 당신의 에이치티엠엘 소스에서 여러 링크를 상대 요소 옆에 위치시킬 수 있고, 그것들을 렌더링 된 출력 형태로 상대 요소와 동일 선상에 놓는다.

+ +

{{cssxref("display")}} 속성을 사용하면 요소가 (여러 다양한 옵션 중) 인라인으로 표시되는지 아니면 블록으로 표시되는지를 변경할 수 있으며, 블록 역시 포지셔닝 체계의 영향과 {{cssxref("position")}} 속성 사용의 영향을 받는다.

+ +

더 알아보기

+ +

일반 지식

+ + + +
{{QuickLinksWithSubpages("/ko/docs/Glossary")}}
-- cgit v1.2.3-54-g00ecf