Chapter 17
스타일 시트의 디자이너~ Box Object ③ -padding-
헛.. padding이 뭔지 아시나요?
그럼 혹시.. 태그의 cellpadding이란 속성을 아시는지?
넵.
그 cellpadding은 셀 테두리선과 도표 안의 오브젝트와의 여백을 조정하는 속성이 였습니다.
그래서 cell 이란 단어와 padding이란 단어가 합쳐져서 cellpadding이란 속성이 탄생하게된 것이겠죠.
지금 님들이 배우게 될 padding도 마찬가지 입니다.
Box의 테두리와 오브젝트 사이 여백을 조정하지요.
이 역시 대표 속성을 쓰시길 권합니다.
어차피 지금까지 배우신 Box관련 속성들은 죄다 부가 속성 위치가 시계 방향 이였으니까요 ^^
이번두 마찬가지 입니다.
padding:top right bottom left
길이 단위도, 전에 배우신 그것과 다를바가 없습니다.
중복 내용이니 굳이 쓰진 않겠습니다.
사용 방법 예제 입니다.
▶padding
▶padding
<html>
<head>
<title>background-color</title>
<style type="text/css">
table {border-style:solid}
.padding {padding:50px 30px 0px 40pt}
</style>
</head>
<body>
<table>
<tr>
<td width="360" height="240" class="padding">
아마 가운데로 올 것입니다. 아, 원래 가운덴 가요? ^^a
</td>
</tr>
</table>
</body>
</html>예제보기 1st ← Click !
근데, padding은 생각 보다 잘 쓰이지 않는 것같습니다.
그 이유는 padding을 대신할 속성이 이미 존재한다는 말이 아닐까요?
그건 바로 님들이 이미 배우신 margin입니다.
]
이걸로도 충분히 이런 효과를 낼 수 있기 때문에..
솔직히 필자도 padding은 잘 안쓰는 편입니다.
그래두 혹시 아나요? ^^ 어느 님이 잘 활용 하실지..
그렇다구 padding이 결코 나쁜 것은 아닙니다.
오히려 margin보다 쓰기 쉽다는 장점이 있기 때문에, 앞으루 필자두 많이 쓸거랍니다 *^^*
초보님들은 padding을, 중.고급님들은 margin을 쓰세요.
그럼 됐져? *^^*
훗.. 이번도 너무 허술하게 끝났군요.. ㅡ.ㅡa
padding엔 중복 설명이 무지하게 많아서리..
굳이 그 설명들을 보고 싶다는 님들은 첨부터 다시 보세요 ^^* (앗~ 무책임 말투.. 돌날아 온다.. 몇일 만인가..ㆀ +.+)
그럼.. 이번 강좌는 여기서 마칩니다.
20000...
- End -