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 屬性