CSS3 Multi Column

CSS3 의 Multi Column 을 지원하게 해주는 Javascript 스크립트가 http://www.csscripting.com/ 이곳에 올라왔다.

이곳에서 만든것인지 다른곳에것을 이곳에 게시한건지는 영어가 딸려서 ㅡ_ㅠ

사용법은 css3-multi-column.js 파일을 업로드 시키고 HTML 페이지에

<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<script type="text/javascript" src="css3-multi-column.js"></script>

다음과 같이 작성 해주면 가능하다.

지원되는 속성은 다음과 같다.

column-count
column 개수(예: column-count:2)
column-gap
column 간 간격 (예: column-gap:20px)
column-width
column 가로 사이즈 (예: column-width:200px)
column-rule
column 테두리 속성 (예: column-rule:1px solid #bbbbbb)