Skip to content

grid-area ​

描述 ​

该 grid-area 属性为元素提供一个名称,在定义使用 grid-template-areas 属性创建的网格模板时,可以引用该名称。它是以下属性的简写属性:grid-row-start, grid-row-end, grid-column-start,grid-column-end。

效果展示 ​

语法 ​

css
grid-area: grid-row-start / grid-column-start / grid-row-end / grid-column-end |
  itemname;

值 ​

  • grid-row-start 有关值,请参阅 grid-row-start CSS 属性。
  • grid-column-start 有关值,请参阅 grid-column-start CSS 属性。
  • grid-row-end 有关值,请参阅 grid-row-end CSS 属性。
  • grid-column-end 有关值,请参阅 grid-column-end CSS 属性。
  • itemname 指定网格项的名称。