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" |