hr로 줄을 넣으려 합니다. size가 안먹는 이유가 멀까요?
나라빛
중간에 보면 hr로 선을 넣었습니다.
근데 두께가 1px로 하고싶은데 적용이 안되는건지 스타일 적용이 잘못된건지 모르겟습니다.
CSS 초보라서 고민고민 하다 올립니다.
한가지더...
게시물 보다 느낀건데 hr은 display：none;으로 하고 안보이게 해버리더군요.
hr대신 다른 줄긋기 명령어로 가능할런지요?style type=text/css
.rtop, .rbottom{display:block; background: #FFFFFF;}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; }
.r { text-align: center; width: 120px; font: 11px tahoma; }
.r1 { margin: 0 5px; background: #DEDEDE; height: 1px; }
.r2 { margin: 0 3px; border: solid #DEDEDE; border-width: 0 2px; }
.r3 { margin: 0 2px; border: solid #DEDEDE; border-width: 0 1px; }
.r4 { margin: 0 1px; border: solid #DEDEDE; border-width: 0 1px; height: 2px}
.r5 {margin: 0 2px; background: #DEDEDE; height: 1px}
.r6 {margin: 0 1px; background: #FFFFFF; border: solid #DEDEDE; border-width: 0 1px; height: 1px;}
.rc { border: solid #DEDEDE; border-width: 0 1px; }
.r hr{ width:100%; size:1px; margin:0; padding:0;}
/styleHTML
div class=r
b class=rtopb class=r1/bb class=r2/bb class=r3/bb class=r4/b/b
div class=rc
Round Table 1br /
hr /
br /
cnterbr /
br /
foot
/div
b class=rbottomb class=r4/bb class=r3/bb class=r2/bb class=r1/b/b
/div
-
타마
hr에는 높이를 표현하는 속성으로 size를 가집니다. 하지만 css에서 size라는 속성은 없습니다.
hr요소에 size라고 직접 넣으셔야 합니다. size의 값은 pixel로 정의 됩니다만 hr 랜더링은 에이젼트에 의존하기 때문에 hr에 들어가는 대부분의 속성의 사용을 deprecated로 권장하지 않습니다. -
핫체리
저도 한수 배우고 갑니다. 지금hr로 하려고 했다가 p로 결정!! ^^
-
청식
저도 한수 배우고 갑니다..hr의 의미를 다시 생각..ㅋ
-
난슬
답변주신분들 감사합니다~ ^^
hr에 size대신 height를 이용해서 원하는 결과를 얻었습니다.
음.. hr을 쓰지않고 다른방법으로 구분을 해야겠네요.. -
WatchOut
hr는 비추인뎅ㅋ ~ cssfh boder-bottom 나 top 등등 쓰시는데에 한표~
-
거늘
참고로 높이 조정을 위함 size 는 태그에 직접 넣어서 사용 해야 동작 합니다 같은 효과를 뵈러면 css {height}속성을 사용 하시면 될듯 합니다. - 그러난 원하시는 모냥이 나오지는 않을듯 해요
hr size=\5\ or stylehr {height5px;}/style -
도움
hr 은 보더를 표현 하기보단 영역구분을 위한것이죠
보더를 표현 하기 위함이라면 적절한 테그로 나눠주시는게 좋지 않을가 생각이 드네요 ^^