The grid-row-span property defines the number of rows the item will occupy. If not specified, the item will only occupy its own cell. A positive value will expand the item to next rows. The grid-column-span property is the same except it extends an item across multiple columns.
If you’re familiar with <table> layout, think of it like how colspan or rowspan attributes works on table cells.
.element {
grid-row-span | grid-column-span: [DEFAULT: 1]
}
Related
Browser Support
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| none | none | none | none | 10+ | none | none |
Support coming in WebKit and Gecko (currently in some nightly builds).
Share
Tweet
Email
Leave a Reply