테이블 프레임 속성

오작교 9년 전 52746

오늘은 테이블에 프레임속성을 주는 그런 소스가 되겠습니다. 테이블 속성으로는 경계를 정하는 border 속성이 있을수 있겠고 또 정렬을 주는 align도 있겠습니다. 오늘은 그 중에 frame속성입니다. 이것은 예를들어 <table frame="above">를 주면 그 테이블은 셀위에만 줄이 그어진 형태가 되는 것입니다. 자세한 것은 예제를 보시면 이해가 빠르실겁니다.

<p>
< b>Note:</b>
If you see no frames/borders around the tables below, your browser does not support
the "frame" attribute.
< /p>

<h4>With frame="border":</h4>
< table frame="border"> 
< tr>
<td>First</td>
<td>Row</td>
< /tr>
< tr>
<td>Second</td>
<td>Row</td>
< /tr>
< /table>

<h4>With frame="box":</h4>
< table frame="box">
< tr>
<td>First</td>
<td>Row</td>
< /tr>
< tr>
<td>Second</td>
<td>Row</td>
< /tr>
< /table>

<h4>With frame="void":</h4> 
< table frame="void">
< tr>
<td>First</td>
<td>Row</td>
< /tr>
< tr>
<td>Second</td>
<td>Row</td>
< /tr>
< /table>

<h4>With frame="above":</h4>
< table frame="above"> 
< tr>
<td>First</td>
<td>Row</td>
< /tr>
< tr>
<td>Second</td>
<td>Row</td>
< /tr>
< /table>

<h4>With frame="below":</h4>
< table frame="below"> 
< tr>
<td>First</td>
<td>Row</td>
< /tr>
< tr>
<td>Second</td>
<td>Row</td>
< /tr>
< /table>

<h4>With frame="hsides":</h4>
< table frame="hsides"> 
< tr>
<td>First</td>
<td>Row</td>
< /tr>
< tr>
<td>Second</td>
<td>Row</td>
< /tr>
< /table>

<h4>With frame="vsides":</h4>
< table frame="vsides"> 
< tr>
<td>First</td>
<td>Row</td>
< /tr>
< tr>
<td>Second</td>
<td>Row</td>
< /tr>
< /table>

<h4>With frame="lhs":</h4> <!-- 왼쪽선만 그어집니다.
< table frame="lhs">
< tr>
<td>First</td>
<td>Row</td>
< /tr>
< tr>
<td>Second</td>
<td>Row</td>
< /tr>
< /table>

<h4>With frame="rhs":</h4> 
< table frame="rhs">
< tr>
<td>First</td>
<td>Row</td>
< /tr>
< tr>
<td>Second</td>
<td>Row</td>
< /tr>
< /table>

</body>
< /html>

테이블은 잘 아시리라 생각하고 frame속성에 따라서 테이블이 다르게 그려집니다. 주석을 참고하시고 결과를 보시면 더 잘 이해하시겠지요?

Note: If you see no frames/borders around the tables below, your browser does not support the "frame" attribute.

With frame="border":

First	Row
Second	Row

With frame="box":

First	Row
Second	Row

With frame="void":

First	Row
Second	Row

With frame="above":

First	Row
Second	Row

With frame="below":

First	Row
Second	Row

With frame="hsides":

First	Row
Second	Row

With frame="vsides":

First	Row
Second	Row

With frame="lhs":

First	Row
Second	Row

With frame="rhs":

First	Row
Second	Row

이해하시겠지요? 그럼 다음시간에 또 만나요~

번호	분류	제목	글쓴이	날짜	조회	추천
공지	HTML	HTML 기초 다지기 4	오작교	08.06.17.16:26	290188	0
공지	HTML	HTML과 CSS의 종합 정리 1	오작교	07.10.01.10:21	349193	0
공지	일반	스타일시트의 총정리	오작교	06.09.14.13:08	293805	+14
66	HTML	normal html 특수문자 리스트	오작교	15.09.17.08:58	116279	0
65	HTML	normal html4와 5의 요소와 속성 차이	오작교	15.09.13.21:38	21554	0
64	HTML	normal html4와 5의 차이	오작교	15.09.13.21:30	25128	0
	HTML	normal 테이블 프레임 속성	오작교	15.08.30.12:19	52746	0
62	HTML	file 미디어 재생 type=audio_x-ms-wma 1	오작교	12.03.08.13:51	35897	0
61	HTML	normal html 요소 이름의 플어쓴 말과 한국말 표현	오작교	11.06.03.10:44	40711	0
60	HTML	normal iframe 태그에 관하여....	오작교	11.01.25.10:27	36171	0
59	HTML	normal 셀렉트 박스에서의 정열	오작교	11.01.24.10:39	37052	0
58	HTML	normal iframe의 속성	오작교	10.05.25.23:34	48957	0
57	HTML	normal textarea에 글자 넣기 및 응용	오작교	09.04.30.10:02	25822	0
56	HTML	normal Fieldset이용하기	오작교	09.04.17.01:06	69213	0
55	HTML	normal 자주 사용하는 태그들 1	오작교	08.09.01.16:06	38364	0
54	HTML	normal 우리를 당황하게 하는 것(테이블 태그) 1	오작교	08.08.20.10:46	19373	0
53	HTML	normal 버튼 input 태그에 대하여 알아보기(펌글)	오작교	08.06.17.16:51	21203	0
52	HTML	normal iframe 만들어 보기 2	오작교	08.06.17.16:47	46357	0
51	HTML	normal A 태그를 다른 것으로 바꾸어 보자	오작교	08.02.23.12:25	20156	0
50	HTML	normal input 태그의 기초	오작교	08.02.23.12:19	32242	0
49	HTML	normal 테이블 배경이미지도 크기를 지정해보자	오작교	08.02.23.11:42	30002	0
48	HTML	normal 마우스를 링크위에 올리면 소리내기	오작교	08.01.08.16:02	36455	0
47	HTML	normal Div란 무엇일까?	오작교	07.10.25.12:42	41758	0