HTML

테이블작성시 고급테크닉 - padding tag
author 미랑 date 2006-06-24 hit 710 HIT
html에서 table 작성시 테이블안의 글 내용의 위치를 자유자재로 이동시킬 수 있는 padding 태그에 대한 사용법입니다. padding-top, padding-bottom, padding-left, padding-right 등은 상하좌우의 각각의 여백을 지정해 줍니다.

<td style=\"padding-top:10\">내용<td>
셀안의 위쪽에 10픽셀 여백을 줍니다.

<td style=\"padding:5 15\"> or <td style=padding:5, 15>
값을 두개 주면 상하는 5px, 좌우는 15px 여백을 주게 됩니다.

<td style=\"padding:50\">
셀안의 상/하/좌/우 모두 50픽셀 여백을 줍니다.

<td style=\"padding:5 0 0 15\"> or <td style=padding:5, 0, 0, 15>

시계방향으로 차례대로 위,오른쪽,아래,왼쪽에 여백값을 주게 됩니다.
쌍따옴표를 사용하지 않으면 , 로 각각을 구분함
목록보기
        X  
27  모바일 웹에서 전화걸기 태그  2022-06-08 590
26  HTML 오디오 / 비디오 태그, 유튜브 iFrame  2022-04-06 476
25  테이블 투명 처리  2008-02-16 941
24  미디어 플레이어 컨트롤 (네이버)  2006-11-23 746
 테이블작성시 고급테크닉 - padding tag  2006-06-24 710
22  레이어 스타일로 위치값 정하기  2006-05-03 718
21  iframe 사용 형식  2006-04-20 769
20  라디오 버튼 사용하기  2006-04-06 493
19  주소고정시 새로고침하면 메인으로 가는 것 방지하는 소스  2004-09-26 554
18  table , tr, td 전체를 링크거는 태그  2004-09-26 655
17  이미지 도구모음이 안뜨게 하는 태그입니다.  2004-09-26 446
16  이미지 border=0 를 한번에 제어하자  2004-09-26 409
15  링크 테두리 없애기 - 단일 링크  2004-09-09 464
14  색상표  2004-05-04 451
1 2