CSS3 열 카운트 속성
예
텍스트는 세 개의 열로 div 요소 분할된다 :
사업부
{
열 수 : 3;
-moz-열 수 : 3; / * 파이어 폭스 * /
-webkit-열 수 : 3; / * 사파리와 크롬 * /
}
{
열 수 : 3;
-moz-열 수 : 3; / * 파이어 폭스 * /
-webkit-열 수 : 3; / * 사파리와 크롬 * /
}
»시도
더 많은 예제는이 페이지의 하단에.
브라우저 지원
표의 수치 속성의 버전 번호를 먼저 지원 브라우저를 나타낸다.
즉시 디지털 -webkit- 이어 -ms- 또는 접두어 지원 전 -moz- 우선 브라우저 버전 번호 때문이다.
属性 | |||||
---|---|---|---|---|---|
column-count | 50.0 4.0 -webkit- |
10.0 | 2.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit 11.1 |
정의 및 지침을 속성
열 카운트 속성은 요소의 열의 수는 분할 수 지정한다.
기본값 : | 자동 |
---|---|
상속 : | 아니 |
버전 : | CSS3 |
자바 스크립트 구문 : | .style.columnCount = 3 개체 |
문법
column-count:number|auto;
값 | 설명 |
---|---|
수 | 컬럼의 최적 개수는 상기 요소의 내용이 유출 없다 |
자동 | "열 폭"열의 수는 다음과 같은 다른 특성에 의존 할 것이다 |
그것을 자신을 시도 - 예를
열 갭
세 개의 열로 div 요소에 텍스트, 및 30 픽셀의 열 사이의 간격을 지정합니다.
열 규칙
폭, 스타일 및 색상 : 규칙은 열 사이 지정합니다.
관련 기사
CSS3 튜토리얼 : 열 여러 CSS3