09 CSS 포지셔닝

09-1 CSS 포지셔닝과 주요 속성들

• CSS 포지셔닝이란?
• box-sizing 속성 - 박스 너비 기준 정하기
• float 속성 - 왼쪽이나 오른쪽으로 배치하기
• clear 속성 - float 속성 해제하기
• position 속성 - 배치 방법 지정하기
• visibility 속성 - 요소를 보이게 하거나 보이지 않게 하기
• z-index 속성 - 요소 쌓는 순서 정하기

09-2 다단으로 편집하기

• column-width - 단의 너비 고정하고 다단 구성하기
• column-count 속성 - 단의 개수 고정하고 다단 구성하기
• column-gap 속성 - 단과 단 사이 여백 지정하기
• column-rule 속성 - 구분선의 색상, 스타일, 너비 지정하기
• break-after 속성 - 다단 위치 지정하기
• column-span 속성 - 여러 단을 하나로 합치기

09-3 표 스타일

• caption-side 속성 - 표 제목 위치 정하기
• border 속성 - 표 테두리 스타일 결정하기
• border-collapse 속성 - 테두리 통합, 분리하기
• border-spacing 속성 - 인접한 셀 테두리 사이 거리 지정하기
• empty-cells 속성 - 빈 셀의 표시 여부 지정하기
• width, height 속성 - 표 너비와 높이 지정하기
• table-layout 속성 - 콘텐츠에 맞게 셀 너비 지정하기
• text-align 속성 - 셀 안에서 수평 정렬하기
• vertical-align 속성 - 셀 안에서 수직 정렬하기