Различия

Показаны различия между двумя версиями страницы.

--- css:grid:grid_elements_alignment [2023/04/04 15:29] – создано so_v_a
+++ css:grid:grid_elements_alignment [2026/08/05 10:05] (текущий) – so_v_a
@@ Строка 1: / Строка 1: @@
+<!DOCTYPE markdown>
 # 6. Выравнивание элементов сетки и промежутки между элементами
@@ Строка 23: / Строка 24: @@
 ## 6.4. Промежутки между элементами сетки: свойства row-gap, column-gap и gap
-Свойства **row-gap** и **column-gap** (и их сокращенная запись **gap**), если они указаны в контейнере сетки, определяют
+Свойства **row-gap** и **column-gap** (и их сокращенная запись **gap**), если они указаны в контейнере сетки, определяют промежутки между строками и столбцами сетки. При определении размера дорожки каждый промежуток рассматривается как дополнительная пустая дорожка указанного размера. Дополнительный промежуток также может быть добавлен между дорожками за счет свойств **justify-content** и **align-content**.
+Промежутки добавляются только между двумя дорожками сетки, то есть они не добавляются перед первой и после последней дорожки.
+Свойства не наследуются.
+**row-gap, column-gap**:
+```dokuwiki
+^Значения: ^  ^
+|normal |Вычисляется как 0px. Значение по умолчанию.|
+|длина или % |Процентное значение вычисляется относительно размеров области сетки. Отрицательные значения не используются.|
+```
+**Синтаксис**
+```css
+row-gap: 1.5em;
+column-gap: 10px;
+gap: 1%;
+```
+[[0_content|Оглавление]]