테이블 프레임 속성

오작교 9년 전 52866

오늘은 테이블에 프레임속성을 주는 그런 소스가 되겠습니다. 테이블 속성으로는 경계를 정하는 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	290967	0
공지	HTML	HTML과 CSS의 종합 정리 1	오작교	07.10.01.10:21	349940	0
공지	일반	스타일시트의 총정리	오작교	06.09.14.13:08	294572	+14
300		normal window.open() 사용례	오작교	23.12.10.09:32	14545	0
299	Script	normal window.open() 함수 사용법	오작교	23.12.10.09:29	19883	0
298	CSS	normal 스크롤바 디자인 하기 1	오작교	21.01.09.14:18	40824	0
297	HTML	normal html 특수문자 리스트	오작교	15.09.17.08:58	116408	0
296	HTML	normal html4와 5의 요소와 속성 차이	오작교	15.09.13.21:38	21681	0
295	HTML	normal html4와 5의 차이	오작교	15.09.13.21:30	25266	0
	HTML	normal 테이블 프레임 속성	오작교	15.08.30.12:19	52866	0
293	Script	normal 윈도우 객체.. 새 창 관련	오작교	15.05.12.14:06	21257	0
292	HTML	file 미디어 재생 type=audio_x-ms-wma 1	오작교	12.03.08.13:51	36018	0
291	HTML	normal html 요소 이름의 플어쓴 말과 한국말 표현	오작교	11.06.03.10:44	40846	0
290	CSS	normal CSS 글꼴 크기 대조표	오작교	11.06.03.10:29	70753	0
289	Script	normal 싸이트 머문 시간 표시하기	오작교	11.03.22.11:19	43552	0
288	Script	normal 싸이트 접속시 다른 곳으로 유도하기	오작교	11.03.22.11:15	38322	0
287	Script	normal 방문자의 모니터 해상도를 나타내는 소스	오작교	11.03.22.11:07	37205	0
286	HTML	normal iframe 태그에 관하여....	오작교	11.01.25.10:27	36303	0
285	CSS	normal 간단한 폰트 속성 지정	오작교	11.01.24.10:40	35477	0
284	HTML	normal 셀렉트 박스에서의 정열	오작교	11.01.24.10:39	37191	0
283	Script	normal a href="#" 사용을 할 때 유의사항	오작교	11.01.24.10:34	38198	0
282	CSS	normal 간단히 탭 메뉴 만들기	오작교	11.01.24.10:31	37836	0
281	CSS	normal 간단히 링크 점선 없애는 방법 1	오작교	11.01.24.10:27	36304	0