Your Search Results

    columns

    概要

    CSScolumns プロパティは column-widthcolumn-count の両方のプロパティを同時に設定できるショートハンドプロパティです。

    • 初期値 各プロパティのページをご覧ください
    • 適用対象 各プロパティのページをご覧ください
    • 継承 しない
    • メディア visual
    • 計算値 各プロパティのページをご覧ください
    • アニメーションの可否 各プロパティのページをご覧ください

    構文

    形式文法: <'column-width'> || <'column-count'>
    

    <'column-width'>
    カラム幅の最適化のヒントになる <length> 値です。実際のカラム幅は、これより広くなるか(利用可能なスペースを埋める場合)、狭くなります(指定したカラム幅よりも利用可能な幅が狭い場合のみ)。length は正の値である必要があり、そうでなければ無効になります。
    <'column-count'>
    正の <整数値> で、要素のコンテンツが流れこむカラム数の理想値を記述します。column-width がすでに auto 以外の値にセットされていれば、単に列数の最大許容値を示します。

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

    仕様

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

    ブラウザ実装状況

    機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    基本サポート (有)-webkit 9 (9)-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: sosleepy, ethertank
    最終更新者: ethertank,
    サイドバーを隠す