СSS Свойство grid-row-end
Определение и использование
Свойство grid-row-end определяет, сколько строк будет занимать элемент, или на какой строке строки будет заканчиваться элемент (см. Пример В конце этой страницы).
| Значение по умолчанию: | auto |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | да. Прочитать о animatable Попробовать |
| Версия: | CSS Макет сетки Модуль Уровень 1 |
| JavaScript синтаксис: | object.style.gridRowEnd="4" Попробовать |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| grid-row-end | 57 | 16 | 52 | 10 | 44 |
CSS Синтаксис
grid-row-end:
auto|row-line|span n;
Значения свойств
| Значение | Описание | Воспроизвести |
|---|---|---|
| auto | Значение по умолчанию. Элемент будет охватывать одну строку. | Воспроизвести » |
| span n | Задает число строк, которые будет занимать элемент. | Воспроизвести » |
| column-line | Указывает, в какой строке следует завершить отображение элемента. | Воспроизвести » |
Примеры
Пример
Использовать значения строки вместо числа строк, чтобы охватить:
.item1 {
grid-row-end: 3;
}
Редактор кода »
Связанные страницы
CSS Учебник: CSS Макет сетки
