CSS grid-auto-rows 屬性
定義和用法
grid-auto-rows
屬性設定網格容器中行的尺寸。
此屬性僅影響未設定尺寸的行。
預設值 | auto |
---|---|
繼承 | no |
可動畫 | 是。 瞭解有關“可動畫”屬性 嘗試一下 |
版本 | CSS Grid Layout Module Level 1 |
JavaScript 語法 | object.style.gridAutoRows="60px" 嘗試一下 |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
屬性 | |||||
---|---|---|---|---|---|
grid-auto-rows | 57 | 16 | 52 | 10 | 44 |
CSS 語法
grid-auto-rows: auto|max-content|min-content|length;
屬性值
值 | 描述 | 演示 |
---|---|---|
auto | 預設值。行的大小由行中最大專案的大小決定 | 演示 ❯ |
max-content | 將每行的大小設定為取決於行中最大的專案 | 演示 ❯ |
min-content | 將每行的大小設定為取決於行中最小的專案 | 演示 ❯ |
length | 透過使用合法的長度值來設定行的大小。 瞭解長度單位 | 演示 ❯ |
相關頁面
CSS 教程: CSS Grid 佈局
CSS 參考手冊:grid-auto-columns 屬性