#24 - CSS - 멀티 컬럼

멀티 컬럼 설명

여러개의 컬럼을 설정

속성 예시

/* 컬럼너비 컬럼개수 */
/* 선두께 선종류 선색상 */
/* 좌우 여백 */
.colmn{
    columns : 100px 2;
    column-rule : 1px solid red;
    column-gap : 20px;
}

속성 설명

속성	개별 속성	의미	값
columns	-	컬럼 설정
	columns-width	컬럼 최소 너비. 이하로 떨어질 경우 컬럼 개수가 변경 됨	auto, 숫자+단위
	columns-count	컬럼의 개수	auto, 숫자+단위
column-rule	-	단과 단 사이 선 설정. Boder 속성과 동일
	column-rule-width	선 두께
	column-rule-style	선 종류
	column-rule-color	선 색상. 지정하지 않으면 글자 컬러와 동일 적용 됨
column-gap		columns-rule을 기준으로 좌우 여백 설정	normal, 숫자+단위