Your Search Results

    column-count

    概要

    要素のカラム数を記述します。

    • 初期値 error:(<s*codes+ids*=s*"initial-column-count"[^>]*>)</s*codes+ids*=s*"initial-column-count"[^>
    • 適用対象 table 要素を除く非置換ブロックレベル要素、テーブルセル、インラインブロック要素
    • 継承 継承しない
    • メディア visual
    • 計算値 指定値

    構文

    column-count: <number> | auto;
    

    auto
    column-width などの他の CSS プロパティによって列数を自動的に決定する事を示すキーワード
    <number>
    要素の内容の流し込み先となるカラムの、カラム数(期待する列数)を示す正の <整数値>
    column-width が、"auto" 以外に設定されている場合はカラム数の最大許容数を示す。

    .content-box {
      border: 10px solid #000000;
      column-count:3;
    }
    

    仕様

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

    ブラウザ実装状況

    機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    基本サポート (有)-webkit 1.5 (1.8)-moz 10 11.1 3.0 (522)-webkit
    機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    基本サポート ? (有) ? ? ?

    関連情報

    Document Tags and Contributors

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