HTML5 CSS Columns Google

Hey today I introduce Columns in CSS3.
You can just move below slider then the number of columns will be changed.
If you use Firefox then type number in TextBox then hit the enter key.
(It is not working on Internet Explorer and Opera Web browser.)

오늘은 CSS3의 Columns 나누기에 대해 소개해 드리겠습니다.
일단 이 기능은 인터넷 익스플로어랑 오페라 웹 브라우저에서는 작동하지 않습니다.
테스트 하시려면 FireFox나 Google Chrome 혹은 Sapari 브라우저를 사용하셔야 합니다.
구글 크롬이나 사파리의 경우 아래 슬라이드바를 움직이시면 Column 들이 변할겁니다. 2단이었던 것이 3,4,5,6 단 등으로 바뀔겁니다.
파이어폭스일 경우는요 슬라이드바가 안 나타나고 텍스트박스가 나올겁니다.
여기에 숫자를 입력하고 엔터키를 치시면 됩니다.

Columns

-webkit-column-count: 2; 
-webkit-column-rule: 1px solid #bbb;
-webkit-column-gap: 2em;

In March 1936, an unusual confluence of forces occurred in Santa Clara County.

A long cold winter delayed the blossoming of the millions of cherry, apricot, peach, and prune plum trees covering hundreds of square miles of the Valley floor. Then, unlike many years, the rains that followed were light and too early to knock the blossoms from their branches.

Instead, by the billions, they all burst open at once. Seemingly overnight, the ocean of green that was the Valley turned into a low, soft, dizzyingly perfumed cloud of pink and white. Uncounted bees and yellow jackets, newly born, raced out of their hives and holes, overwhelmed by this impossible banquet.

Then came the wind.

It roared off the Pacific Ocean, through the nearly uninhabited passes of the Santa Cruz Mountains and then, flattening out, poured down into the great alluvial plains of the Valley. A tidal bore of warm air, it tore along the columns of trees, ripped the blossoms apart and carried them off in a fluttering flood of petals like foam rolling up a beach.

This perfumed blizzard hit Stevens Creek Boulevard, a two-lane road with a streetcar line down its center, that was the main road in the West Valley. It froze traffic, as drivers found themselves lost in a soft, muted whiteout. Only the streetcar, its path predetermined, passed on...

Google Chrome 16.0.912.75 m  - Working well (O)
Internet Explorer 9.0.8.112        - Not working (X)
Opera 11.60                            - Not working (X)
Safari 5.1.2                             - Working well (O)
FireFox 9.0.1                          - Working Well? Well.... (O)

You can down load sample source file below.
소스를 분석하시려면 아래 샘플파일을 받아서 보시면 됩니다.

HTML5Columns.html