본문 바로가기
방통대/HTML5

6-3 리스트

by 꿈꾸는 몽나 2024. 3. 31.
728x90

 

리스트 관련 속성

 

출력:

 

 

 

 

border속성

: table, td, th 요소에 대한 테두리 지정

 

table-layout속성

: 셀 안의 내용의 크기에 따른 셀의 크기 변화 여부 지정

*auto : 셀의 폭이 셀의 내용의 크기 따라 자동으로 결정

*fixed : 셀의 내용의 크기와 상관없이 테이블/셀의 폭에 의해서만 결정

 

border-collapse 속성

: 테이블 테두리와 셀 테두리를 하나로 합칠지 여부 지정

*separate : 두 테두리를 분리해서 표시

*collapse : 두 테두리를 하나로 합쳐서 표시

// border-spacing 속성과 empty-cells 속성은 무시됨

 

border-spacing 속성

: 인접한 셀 테두리 사이의 간격 지정

*값 -> <수평거리><수직거리>(기본값: 0.0)

// 하나의 값만 지정되면 <수평거리>와 <수직거리>는 동일

 

caption-side 속성

: 테이블 캡션의 위치 지정

*값 -> top, bottom

 

empty-cells 속성

: 빈 셀의 테두리와 배경의 표시 여부 지정

*값 -> show, hide

 

 

핵심 요약

ex)

 

table2)

728x90

'방통대 > HTML5' 카테고리의 다른 글

7-2 테두리  (0) 2024.04.06
7-1 박스 모델  (0) 2024.04.06
6-2 텍스트  (0) 2024.03.31
6-1 글꼴  (0) 2024.03.30
5-3 색상  (0) 2024.03.23