Want to share your CSS expertise with others? Apply to the MDN Fellowship by April 1! http://mzl.la/MDNFellowship

mozilla
Your Search Results

    column-span

    概要

    column-span は、値が all に設定されている場合、その要素をすべてのカラム(列)にまたがる形で表示する CSS プロパティです。ひとつ以上のカラムをまたがる要素はスパニング要素 (spanning element)と呼称されます。

    • 初期値 none
    • 適用対象 フロート内に配置された、フローティングや絶対配置がなされていない全てのブロックレベル要素
    • 継承 継承しない
    • メディア visual
    • 計算値 指定値

    構文

    column-span: none     or
    column-span: all

    where:

    none
    複数の列をまたぎません(※初期値)
    all
    すべてのカラムをまたぐ形で要素を表示。 この要素より前に現れる通常フローにあるコンテンツは自動的に、要素の表示前にすべてのカラムとバランスがとられます。要素は新しいブロック整形文脈を形成します。

    h1, h2 {
      column-span: all;
    }

    仕様

    仕様書 策定状況 コメント
    CSS Multi-column Layout Module 勧告候補  

    ブラウザ実装状況

    機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    基本サポート (有) -webkit 未サポート 10 11.1+ (有) -webkit
    機能 Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    基本サポート (有) -webkit ? 未サポート ? 11.1+ (有) -webkit

    関連情報

    ドキュメントのタグと貢献者

    Contributors to this page: sosleepy, ethertank
    最終更新者: ethertank,
    サイドバーを隠す