CSS 컬럼 필 일 속성
정의와 사용법
column-fill 속성은 열을 채우는 방법(조정 여부)을 정의합니다.
추가로 참조:
CSS3 교육:CSS3 다중 열
HTML DOM 참조 매뉴얼:columnFill 속성
예제
열을 채우는 방법을 정의합니다:
div
{
column-fill:auto;
}
CSS 문법
column-fill: balance|auto;
속성 값
| 값 | 설명 |
|---|---|
| balance | 열을 조정합니다. 브라우저는 열 길이의 차이를 최소화해야 합니다. |
| auto | 열을 순서대로 채우고, 열 길이는 각각 다릅니다. |
기술 세부 사항
| 기본 값: | balance |
|---|---|
| 상속성: | no |
| 버전: | CSS3 |
| JavaScript 문법: | object.style.columnFill="auto" |
더 많은 예제
- Column-count
- div 요소 내의 텍스트를 세 열로 나눕니다.
- Column-gap
- div 요소 내의 텍스트를 세 열로 나누고, 열 사이 30픽셀 간격을 정의합니다.
- Column-rule
- 컬럼 사이의 너비, 스타일, 색상을 정의합니다.
브라우저 지원
| 크롬 | IE / 엣지 | 파이어폭스 | 사파리 | 오페라 |
|---|---|---|---|---|
| 50.0 | 10.0 | 52.0 | 10.0 | 37.0 |
