CSS3 column-span プロパティ
完全な 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.
|
ブラウザ・サポート

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" |
構文
| 値 |
説明 |
| 1 |
The element should span across one column |
| all |
The element should span across all columns |
 |
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 リファレンス
|