수평선을 만드는 태그 HR

<HR>태그는 HTML에서 가로로 선분을 그어주는 역할을 합니다. 여기서 HR은 “Horizontal”의 약자입니다.
<HR>태그 역시 <BR>태그와 마찬가지로 종료태그없이 쓰이는 단독태그이며, <BR>태그가 필요 없습니다.
<HR>태그를 연속으로 사용하면 저절로 줄 바꿈 현상이 일어납니다.

size : 수평선의 굵기 ( pixel )
width : 수평선의 길이 ( pixel / % )
align : 수평선의 정렬 방법 ( left / center / right )
color : 수평선의 색 ( 색상명 / 색상코드 )
noshade : 선의 입체감 제거

위결과에서 알 수 있듯이 <HR>태그를 기본 값으로 사용하게 되면 브라우저 전체를 차지하는 길이값 (100%)과 회색음영 그리고 1 pixel의 두께와 중앙정렬로 출력됩니다.
따라서 각각의 기본 값을 변형하려면 속성을 주어야 하는데 이중 길이 값을 설정하는 width는 %로 명시하지 않으면 pixel로 그 값을 인식하게 됩니다.
여기서 pixel은 브라우저의 크기와 상관없이 항상 고정 폭을 유지하며, %는 브라우저의 크기에 따라 길이가 유동적으로 변화하게 됩니다.

답글 남기기

이메일은 공개되지 않습니다.