CSS 컬럼 스펜 속성

정의 및 사용법

column-span 속성은 요소가 얼마나 많은 열을 걸쳐야 하는지 정의합니다.

다른 것도 참조하세요:

CSS3 강의:CSS3 다중 열

HTML DOM 참조 매뉴얼:columnSpan 속성

예제

h2 요소를 모든 열로 걸쳐서 표시하려면:

h2
{
column-span:all;
}

직접 테스트해 보세요

페이지 하단에 더 많은 예제가 있습니다.

CSS 문법

column-span: 1|all;

속성 값

값 설명 테스트
1 요소는 한 열을 걸쳐야 합니다. 테스트
all 요소는 모든 열을 걸쳐야 합니다. 테스트

기술 세부 사항

기본 값: 1
thừa kế: no
버전: CSS3
JavaScript 문법: object.style.columnSpan="all"

더 많은 예제

Column-count
div 요소 내의 텍스트를 세 열로 나눕니다.
Column-gap
div 요소 내의 텍스트를 세 열로 나누고, 간격을 30 픽셀로 설정합니다.
Column-rule
열 사이의 너비, 스타일 및 색상을 정의합니다.

브라우저 지원

표의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

prefix를 사용하는 첫 번째 버전의 숫자는 -webkit- 또는 -moz-가 포함되어 있습니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
50.0
4.0 -webkit-		 10.0 71.0 9.0
3.1 -webkit-		 37.0
15.0 -webkit-
11.1