ホーム HTML CSS XML JAVASCRIPT   PHP SQL MORE...   リファレンス 事例集    

CSS3 column-span プロパティ

CSS3 Reference 完全な CSS3 リファレンス

Let the h2 element span across all columns:

h2
{
-webkit-column-span:all; /* Chrome */
column-span:all;
}

Try it yourself »
More examples at the bottom of this page.

ブラウザ・サポート

Internet Explorer Firefox Opera Google Chrome Safari

column-span property is only supported in Opera.

Chrome supports an alternative, the -webkit-column-span property.


定義と用法

column-span property specifies how many columns an element should span across.

デフォルト値: 1
継承: no
バージョン: CSS3
JavaScript構文: object.style.columnSpan="all"


構文

column-span: 1|all;

説明
1 The element should span across one column
all The element should span across all columns


Examples

Try it Yourself - Examples

Column-count
Divide the text in a div element into three columns.

Column-gap
Divide the text in a div element into three columns, and specify a 30 pixels gap between the columns.

Column-rule
Specify the width, style and color of the rule between columns.


関連ページ

CSS3 チュートリアル: CSS3 Multiple Columns


CSS3 Reference 完全な CSS3 リファレンス