CSS 열 범위 속성
예시
<h2> 요소가 모든 열에 걸쳐 있게 하십시오.
h2
{
column-span: all;
}
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
속성 은 column-span
요소가 가로질러야 하는 열의 수를 지정합니다.
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
-webkit- 뒤에 오는 숫자는 접두사와 함께 작동한 첫 번째 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
column-span | 50.0 4.0 -webkit- |
10.0 | 71.0 | 9.0 3.1 -webkit- |
37.0 15.0 -webkit- 11.1 |
CSS 구문
column-span: none|all|initial|inherit;
속성 값
Value | Description | Play it |
---|---|---|
none | Default value. The element should span across one column | |
all | The element should span across all columns | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
더 많은 예
예시
<div> 요소의 텍스트를 세 개의 열로 나눕니다.
div
{
column-count: 3;
}
예시
열 사이에 40픽셀 간격을 지정합니다.
div
{
column-gap: 40px;
}
예시
열 사이의 규칙 너비, 스타일 및 색상을 지정합니다.
div
{
column-rule: 4px double #ff00ff;
}
관련 페이지
CSS 튜토리얼: CSS 다중 열
HTML DOM 참조: columnSpan 속성