<hr>

HTML <hr> 요소는 문단 레벨 요소들 사이에서 주제의 분리를 나타냅니다. (예를 들면, 이야기의 장면이 변경되거나 구획에서 화제가 전환될떄). 이전 버전의 HTML에서 이 요소는 수평선을 나타냈습니다. 지금도 여전히 브라우저에서 수평선을 표시하지만, 표현상 관점보다는 시멘틱 관점을 정의합니다.

The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

• 컨텐츠 범주 플로우 컨텐츠.
• 허용된 컨텐츠 없음, 이것은 empty element.
• 태그 생략시작태그는 있어야 하지만 종료태그는 없어야 합니다
• 허용된 부모 요소플로우 컨텐츠를 허용하는 모든 요소
• DOM 인터페이스 HTMLHRElement

속성

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

alignDeprecated HTML4.01안씀 HTML5

Sets the alignment of the rule on the page. If no value is specified, the default value is left.

color

색깔 이름 또는 16 진수의 값으로 줄의 색깔을 지정합니다.

noshadeDeprecated HTML4.01안씀 HTML5

Sets the rule to have no shading.

sizeDeprecated HTML4.01안씀 HTML5

줄의 높이를 픽셀 단위로 지정합니다.

widthDeprecated HTML4.01안씀 HTML5

줄의 가로 길이를 픽셀이나 퍼센트 값으로 지정합니다.

예제

<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>

위 HTML의 결과:

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.

This is second paragraph of text. This is second paragraph of text. This is second paragraph of text. This is second paragraph of text.

참고

To change look of rule or gaps between it and paragraphs, use cascading style sheets.

사양

브라우저 호환성

같이 보기

• HTML 구문 컨텐츠