웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[HTML 초보자] 테이블태그 테두리 효과 - frame 옵션의 활용
2003.02.28 13:01
table 태그에서 frame 옵션을 사용하면 여러가지 효과를 낼 수 있습니다.
<table border=1 cellspacing=0 frame=void>
<tr>
<td>테이블 frame 옵션</td><td>테이블 frame 옵션</td>
</tr>
<tr>
<td>테이블 frame 옵션</td><td>테이블 frame 옵션</td>
</tr>
</table>
위에 소스는 테이블 테두리를 나타나지 않게 하는 겁니다.
FRAME 옵션에 쓸수 있는 속성값에는 다음과 같은 것들이 있습니다.
단 이건 익스플로러 전용입니다.-_-
<table border="1" frame="속성" bordercolor="테두리색">
이런식으로 태그를 넣어 주심 됩니다.
void: 표의 외각선이 나타나지 않습니다.
border : 기본적인 외각선이 나타납니다.(FRAME 옵션 안쓰는것과 같은 효과)
above : 바깥쪽 경계선중 위쪽만 나타납니다.
below : 바깥쪽 경계선중 아랫쪽만 나타납니다.
hsides : 바깥쪽 경계선중 위 아래만 나타납니다.
lhs : 바깥쪽 경계선중 왼쪽만 나타납니다.
rhs : 바깥쪽 경계선중 오른쪽만 나타납니다.
vsides : 바깥쪽 경계선중 좌우만 나타납니다.
여러가지 속성이 있으니 하나씩 적용시켜 보시면
잘 알 수 있을 겁니다
<table border=1 cellspacing=0 frame=void>
<tr>
<td>테이블 frame 옵션</td><td>테이블 frame 옵션</td>
</tr>
<tr>
<td>테이블 frame 옵션</td><td>테이블 frame 옵션</td>
</tr>
</table>
위에 소스는 테이블 테두리를 나타나지 않게 하는 겁니다.
FRAME 옵션에 쓸수 있는 속성값에는 다음과 같은 것들이 있습니다.
단 이건 익스플로러 전용입니다.-_-
<table border="1" frame="속성" bordercolor="테두리색">
이런식으로 태그를 넣어 주심 됩니다.
void: 표의 외각선이 나타나지 않습니다.
border : 기본적인 외각선이 나타납니다.(FRAME 옵션 안쓰는것과 같은 효과)
above : 바깥쪽 경계선중 위쪽만 나타납니다.
below : 바깥쪽 경계선중 아랫쪽만 나타납니다.
hsides : 바깥쪽 경계선중 위 아래만 나타납니다.
lhs : 바깥쪽 경계선중 왼쪽만 나타납니다.
rhs : 바깥쪽 경계선중 오른쪽만 나타납니다.
vsides : 바깥쪽 경계선중 좌우만 나타납니다.
여러가지 속성이 있으니 하나씩 적용시켜 보시면
잘 알 수 있을 겁니다
제목 | 글쓴이 | 날짜 |
---|---|---|
[HTML 초보자] 열거목록에 대한 스타일정의 세번째 | ZipShin | 2003.03.12 |
[HTML 초보자] 테이블태그 테두리 효과 - frame 옵션의 활용 [1] | ZipShin | 2003.02.28 |
[HTML 초보자] 쉽게 버튼 만들자 | ZipShin | 2003.02.28 |
[HTML 초보자] 프레임셋의 기타 설정 [3] | ZipShin | 2003.02.26 |
1 - 6. 프레임 [3] | wony | 2003.02.25 |
1 - 5. HTML 문서의 연결 | wony | 2003.02.25 |
1 - 4. 목록 및 표 작성 [2] | wony | 2003.02.25 |
1 - 3. 글자 및 양식 관련 태그 | wony | 2003.02.25 |
1 - 2. HTML 문서의 구성 | wony | 2003.02.25 |
1 - 1. HTML 문서 | wony | 2003.02.25 |
배경음악 여러개 나오게 하기.. [6] | 라엘 | 2003.02.23 |
[HTML 초보자] 프레임 나누기 기초 [1] | ZipShin | 2003.02.20 |
아이프레임 자동으로 크기 맞추어 주기.. [9] | S,CAC | 2003.02.16 |
오픈창 닫기 [7] | 깜보 | 2003.02.16 |
링크관련 ^^ [27] | K.샘 | 2003.02.13 |
[HTML 초보자] 동영상과 함께 자막도 재생하여 보자 [8] | ZipShin | 2003.02.11 |
점선 테이블 만둘기 강좌(중복이면.. 지워주세요) [4] | 라엘 | 2003.02.10 |
웹페이지 대화상자 띄우기. [4] | 세죠위그이 | 2003.02.05 |
하이퍼 링크색 바꾸기 [3] | 권순빈 | 2003.02.03 |
스크롤바 색 바꾸기 [1] | 권순빈 | 2003.02.03 |