ホーム HTML CSS XML JAVASCRIPT   PHP SQL MORE...   リファレンス 事例集    

CSS3 grid-columns プロパティ

CSS3 Reference 完全な CSS3 リファレンス

Add one grid line in the middle of the div element, another one 200 pixels from the right, and another one in the middle of remaining space:

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


ブラウザ・サポート

Internet Explorer Firefox Opera Google Chrome Safari

grid-columns プロパティをサポートしているブラウザはありません。


定義と用法

grid-columns property specifies the width of each column in the grid.

チップ: Using grid systems is a great value for print designers. Now the same concept is applied to online content. The grid properties add capabilities for sizing and positioning headings, text, and images in a scalable grid.

デフォルト値: none
継承: no
バージョン: CSS3
JavaScript構文: object.style.gridColumns="50% * * 200px"


構文

grid-columns: length|%|none|inherit;

説明
length Refers to the grid of the containing block
% Refers to the width of the containing block
none  
inherit  


CSS3 Reference 完全な CSS3 リファレンス