CSS grid-columns属性

  • 上一页
  • 下一页

ブラウザのサポート

現在、grid-columnsはどのブラウザでもサポートされていません。

定義と使用法

grid-columns属性は、グリッド中の各列の幅を指定します。

ヒント:グリッドシステムを使用することは、印刷デザイナーにとって非常に価値があります。今や同じ変更がオンラインコンテンツにも適用されています。グリッド属性は、可縮グリッドでタイトル、テキスト、画像のサイズと位置を調整する能力を提供します。

div要素の中央にグリッド行を追加し、右側から200ピクセルの場所にもう一つ追加し、残りのスペースの中央にもう一つ追加します:

div
{
grid-columns:50% * * 200px;
}

CSS文法

grid-columns: length|%|none|継承;

属性値

説明
length 含まれるブロックのグリッドを参照。
% 含まれるブロックの幅を参照。
none
継承

技術詳細

默认值: none
继承性: no
版本: CSS3
JavaScript 语法: object.style.gridColumns="50% * * 200px"
  • 上一页
  • 下一页