css9

다단 편집과 표 스타일

  • 1column-width
    단의 너비를 고정해 놓고 화면 분활, 화면 커지면 단의 개수 많아진다.
  • 2column-count
    단의 개수를 정해놓고 화면 분활, 화면 커지면 단의 너비 넓어진다.
  • 3다단 위치 지정
    특정 요소의 앞이나 뒤(주로 인쇄 목적)
    break-before:column...
  • 4column-span
    여러 단을 하나로 합치기
  • 5caption-side
    캡션(설명글)은 기본적으로 표 위쪽에 표시
    caption-side:bottom을 이용해 아래쪽에 표시 가능
  • 6border
    표의 바깥 테두리와 셀 테두리 모두 지정해야 함
    border-collapse
    표 테두리 하나로 합치기
  • 7border-spacing
    인접한 셀 테두리 사이의 거리를 지정
  • 8empty-cell
    빈 셀 표시 여부
    show(빈 상태로 표시), hide(표시하지 X)
  • 9표 크기 지정: width, height
  • 10table-layout
    셀 안의 내용에 따라 셀 너비를 변하게 할지, 고정시킬지 결정
    fixed: 셀 너비 고정(내용에 따라 달라지지 X)
    auto: 셀 내용에 따라 너비 달라짐(기본값)
  • 11text-align
    셀 안에서 수평 정렬 방법
    vertical-align
    셀 안에서 수직 정렬 방법