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/web/html/element/hr/index.html | 131 ++++++++++++++++++++++++++++++++ 1 file changed, 131 insertions(+) create mode 100644 files/ko/web/html/element/hr/index.html (limited to 'files/ko/web/html/element/hr/index.html') diff --git a/files/ko/web/html/element/hr/index.html b/files/ko/web/html/element/hr/index.html new file mode 100644 index 0000000000..80163cd763 --- /dev/null +++ b/files/ko/web/html/element/hr/index.html @@ -0,0 +1,131 @@ +--- +title:
+slug: Web/HTML/Element/hr +tags: + - Element + - HTML + - HTML grouping content + - Reference +translation_of: Web/HTML/Element/hr +--- +
{{HTMLRef}}
+ +

HTML <hr> 요소는 이야기 장면 전환, 구획 내 주제 변경 등, 문단 레벨 요소에서 주제의 분리를 나타냅니다.

+ +
{{EmbedInteractiveExample("pages/tabbed/hr.html", "tabbed-shorter")}}
+ + + +

역사적으로 <hr>은 가로줄로 표현했습니다. 시각적 브라우저에서도 가로줄로 그려질 수 있지만, 이제 시각 표현에 그치지 않고 의미를 가지게 됐습니다. 따라서 가로줄을 그리고 싶다면 적절한 CSS를 사용해야 합니다.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
콘텐츠 카테고리플로우 콘텐츠.
가능한 콘텐츠없음. {{glossary("empt element", "빈 요소")}}입니다.
태그 생략여는 태그는 필수입니다. 닫는 태그는 존재해선 안됩니다.
가능한 부모 요소플로우 콘텐츠를 허용하는 모든 요소.
가능한 ARIA 역할{{ARIARole("presentation")}}
DOM 인터페이스{{domxref("HTMLHRElement")}}
+ +

특성

+ +

이 요소는 전역 특성을 포함합니다.

+ +
+
{{htmlattrdef("align")}} {{deprecated_inline}}
+
줄의 정렬을 지정합니다. 기본값은 left입니다.
+
{{htmlattrdef("color")}} {{Non-standard_inline}}
+
색깔 이름 또는 16 진수의 값으로 줄의 색깔을 지정합니다.
+
{{htmlattrdef("noshade")}} {{deprecated_inline}}
+
Sets the rule to have no shading.
+
{{htmlattrdef("size")}} {{deprecated_inline}}
+
줄의 높이를 픽셀 단위로 지정합니다.
+
{{htmlattrdef("width")}} {{deprecated_inline}}
+
줄의 가로 길이를 픽셀이나 퍼센트 값으로 지정합니다.
+
+ +

예제

+ +

HTML

+ +
<p>
+This is the first paragraph of text.
+This is the first paragraph of text.
+This is the first paragraph of text.
+This is the first paragraph of text.
+</p>
+
+<hr>
+
+<p>
+This is second paragraph of text.
+This is second paragraph of text.
+This is second paragraph of text.
+This is second paragraph of text.
+</p>
+
+ +

결과

+ +

{{EmbedLiveSample("예제")}}

+ +

명세

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('HTML WHATWG', 'semantics.html#the-hr-element', '<hr>')}}{{Spec2('HTML WHATWG')}}Definition of the <hr> element
{{SpecName('HTML5 W3C', 'grouping-content.html#the-hr-element', '<hr>')}}{{Spec2('HTML5 W3C')}}
{{SpecName('HTML4.01', 'present/graphics.html#h-15.3', '<hr>')}}{{Spec2('HTML4.01')}}The align, noshade, size, and width attributes are deprecated
+ +

브라우저 호환성

+ + + +

{{Compat("html.elements.hr")}}

+ +

같이 보기

+ + -- cgit v1.2.3-54-g00ecf