Hongfluenza

cellspacing과 cellpadding 차이점 본문

STUDY/HTML5 & CSS

cellspacing과 cellpadding 차이점

Hongfluenza 2018. 10. 14. 00:39

cellspacing은 테이블 내부의 선 굵기, cellpadding은 테이블 내용과 선 사이의 여백 이라고 나왔으나


이해하기 어려워 인터넷을 찾아 본 결과


cellpadding = 셀과 글자 사이의 간격


cellspacing = 셀 간의 간격


이라는 간단한 결과를 얻어낼 수 있었다.




좀 더 쉬운 이해를 위해서 실습을 해보았다.


기본적인 모양은 다음과 같다.


cellpadding과 cellspacing이 적용 안 된 기본적인 표의 모습이다.




cellpadding="10" 으로 적용 ( 셀과 글자 사이의 간격이 10 )



cellspacing="10" 으로 적용 ( 셀 간의 간격이 10 )


cellpadding="10" cellspacing="10" 으로 적용 ( 셀과 글자 사이의 간격이 10, 셀 간의 간격이 10)



'STUDY > HTML5 & CSS' 카테고리의 다른 글

column과 row  (1) 2018.10.14
비순서 리스트  (0) 2018.10.11
순서 리스트  (0) 2018.10.11
html 태그  (0) 2018.05.15