HTML.CSS.JavaScript/수업2017. 5. 21. 00:02

1. 테이블 테두리 선의 두께 조절 

테이블 정렬과 외부 테두리 설정 

– Align 속성 

• align=“left/right” 

• 다른 태그의 정렬 방식과 마찬가지로 지정 

– Border 속성 

• boreder=픽셀 수 

• 픽셀의 수를 지정하여 테이블의 테두리선 지정 

• 테두리선의 두께는 두꺼워질 뿐 테이블의 내부에 영향을 주지 않는다. 


align                             테이블 정렬 방식 지정 

border = "n (픽셀단위)"      테이블 외부테두리의 두께, 기본 값 : 1 


2. 테이블의 크기 조절  

테이블에 여백 넣기 

• 테이블 여백 설정 

– cellpadding=픽셀 수 

• 셀과 셀 사이에 여백 지정, 셀의 두께가 변경되는 효과 

– cellspacing=픽셀 수 

• 테이블의 텍스트와 셀 사이의 여백 지정 


cellpadding  셀 테두리와 셀 내용 사이의 간격 

cellspacing  셀과 셀 사이의 경계선 굵기 


테이블 크기 조절 

– 테이블 크기 조절 width, height=“픽셀 수/비율” 

– 비율로 지정 시 브라우저 사이즈에 대한 비율로 지정된다. 


width      테이블의 너비 

height      테이블의 높이 








 

'HTML.CSS.JavaScript > 수업' 카테고리의 다른 글

17. 프레임 작성하기(6-2)  (0) 2017.05.24
16. 테이블 작성하기(6-1)  (0) 2017.05.24
14. 테이블 작성하기(5-2)  (0) 2017.05.20
13. 멀티미디어(5-1)  (0) 2017.05.20
12. 멀티미디어(4-3)  (0) 2017.05.12
Posted by 멜데스