CSS3 컬럼 속성
예
컬럼의 폭과 수를 지정합니다 :
div
{
columns:100px 3;
-webkit-columns:100px 3; /* Safari and Chrome */
-moz-columns:100px 3; /* Firefox */
}
{
columns:100px 3;
-webkit-columns:100px 3; /* Safari and Chrome */
-moz-columns:100px 3; /* Firefox */
}
»시도
더 많은 예제는이 페이지의 하단에.
브라우저 지원
표의 수치 속성의 버전 번호를 먼저 지원 브라우저를 나타낸다.
즉시 디지털 -webkit- 이어 -ms- 또는 접두어 지원 전 -moz- 우선 브라우저 버전 번호 때문이다.
属性 | |||||
---|---|---|---|---|---|
columns | 50.0 4.0 -webkit- |
10.0 | 9.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit- 11.1 |
정의 및 지침을 속성
열 속성 열의 폭과 번호를 설정하는 약식 속성이다.
기본값 : | 자동 자동 |
---|---|
상속 : | 아니 |
버전 : | CSS3 |
자바 스크립트 구문 : | 개체 .style.columns = "100 픽셀 3" |
문법
열 : 열 너비 열 수;
값 | 기술 |
---|---|
열 폭 | 열 너비 |
열 수 | 열 수 |
더 많은 예제
열 카운트
세 개의 열로 텍스트 div 요소.
열 갭
세 개의 열로 div 요소에 텍스트, 및 30 픽셀의 열 사이의 간격을 지정합니다.
열 규칙
폭, 스타일 및 색상 : 규칙은 열 사이 지정합니다.
관련 기사
CSS3 튜토리얼 : 열 여러 CSS3