프리랜서 웹디자이너 웹퍼블리셔RELATION

RELATION 로고

홈페이지 소스

[HTML] HR 태그와 관련 속성

2013.06.10
북마크 [출처 이동]    작성자 정보
첨부이미지(0/1)
HR 태그는 위 의 예제처럼, 수평선을 그어주는 태그입니다.
hr태그와 관련된 각종 속성에 대해 알아봅시다.


1. size : HR 태그의 굵기를 결정합니다.
<hr size="1">(hr 태그의 기본 픽셀은 2픽셀 입니다.)


2. width : HR 태그의 가로 길이를 지정합니다.
(HR태그는 자동으로 가운데 정렬이 되어있어 가운데를 기점으로 길어지고, 짧아집니다.)
<hr width="200px">(align을 사용하지 않으면, 가운데서부터 길어집니다.)



3. color : HR 태그의 색상을 지정합니다.
<hr color="#FFF">


4. align : HR 태그를 정렬합니다. (설정하지 않을시 가운데 정렬)
1) <hr align="left"> : 왼쪽 정렬
2) <hr align="right"> : 오른쪽 정렬
3)<hr align="center"> : 가운데 정렬



5.

.hr {
height : 1px; /* 선의 두께 (1xp 이상) */
border: 0 none; /* 테두리를 없애도록 처리함 */
color : #ccc; /* 테두리를 없앴지만 혹시 모르니 라인 색상을 깔맞춤 하기 위하여 마크업 */
background-color: #ccc; /* 선의 색상 */
}


hr ( height:1px; border:0 none; color:#ccc; background-color: #ccc; }


이 포스트 공유하기

전체목록