column-span

column-span,計算機語言。意思是設定或檢索對象元素是否橫跨所有列。

基本介紹

  • 中文名:column-span
  • 語法默認值:none
  • none:不跨列
  • all:橫跨所有列
簡介,語法,取值,說明,寫法,示例,

簡介

column-span

語法

column-span:none | all
默認:none

取值

none:
不跨列
all:
橫跨所有列

說明

設定或檢索對象元素是否橫跨所有列。
對應的腳本特性為columnSpan

寫法

核心類型寫法
Webkit(Chrome/Safari)-webkit-column-span
Gecko(Firefox)
Presto(Opera)column-span
Trident(IE)column-span
W3Ccolumn-span

示例

body {
font: 14px / 1.5 georgia,
serif,
sans - serif;
}
p {
margin: 0;
padding: 5px 10px;
background: #eee;
}
h1 {
margin: 10px 0;
font - size: 16px;
}.test {
width: 600px;
border: 10px solid#000; - moz - column - count: 3; - moz - column - gap: 20px; - moz - column - rule: 3px solid#090; - webkit - column - count: 3; - webkit - column - gap: 20px; - webkit - column - rule: 3px solid#090;
column - count: 3;
column - gap: 20px;
column - rule: 3px solid#090;
}.test p { - moz - column - span: all; - webkit - column - span: all;
column - span: all;
}
column - span: all This module describes multi - column layout in CSS. By using functionality described in this document,
style sheets can declare that the content of an element is to be laid out in multiple columns.spanning element This module describes multi - column layout in CSS. By using functionality described in this document,
style sheets can declare that the content of an element is to be laid out in multiple columns.

相關詞條

熱門詞條

聯絡我們