Различия

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

--- css:grid:placement_and_reordering_of_grid_elements [2023/04/04 15:23] – so_v_a
+++ css:grid:placement_and_reordering_of_grid_elements [2026/08/05 10:02] (текущий) – so_v_a
@@ Строка 1: / Строка 1: @@
+<!DOCTYPE markdown>
 # 5. Размещение и переупорядочивание элементов сетки
 Свойства размещения позволяют свободно упорядочивать и переупорядочивать содержимое сетки таким образом, что визуальное представление может значительно отличаться от порядка элементов в html-документе.
 ## 5.1. Размещение с помощью линий сетки: свойства grid-row-start, grid-column-start, grid-row-end и grid-column-end
@@ Строка 9: / Строка 9: @@
 Свойства размещения на сетке - **grid-row-start**, **grid-row-end**, **grid-column-start** и **grid-column-end** и их краткая запись **grid-row**, **grid-column** и **grid-area** позволяют определить размещение элемента сетки, предоставив любую (или ноль) из следующих шести частей информации:
+```dokuwiki
 |  | Строка | Столбец |
-|---|---|---|
 |**Начало**|Начальная линия строки|Начальная линия столбца|
 |**Конец**|Конечная линия строки|Конечная линия столбца|
 |**Диапазон**|Диапазон строк|Диапазон столбцов|
+```
 **grid-row-start, grid-column-start, grid-row-end, grid-column-end**:
+```dokuwiki
 |Значения: |  |
-|---|---|
 |auto |Свойство не влияет на размещение элемента сетки, указывая на автоматическое размещение или диапазон по умолчанию, равный единице.|
 |имя линии |Начальная и конечная линия строки/столбца задаются в именованных линий сетки.|
 |целое число и имя линии? |Начальная и конечная линия строки/столбца задаются с помощью целого числа (отрицательное порядковый номер линии сетки будет отсчитываться с противоположного края явной сетки) и (необязательно) имени линии.|
 |span и целое число или имя линии |Ключевое слово span и целое положительное число/имя линии задают диапазон ячеек для размещения элемента сетки.|
+```
 Размещение элементов сетки с помощью числовых индексов линий:
 ![[grid-lines-index-1.png]]
@@ Строка 108: / Строка 107: @@
 Имена линий добавляются к неявным именам линий сетки, созданным свойством grid-template-areas, принимая вид name-start и name-end. Имена линий сетки никогда не заменяют другие имена линий сетки. Вместо этого они просто накапливаются.
 ## 5.2. Сокращенная запись свойств размещения элементов сетки: свойства grid-row, grid-column и grid-area
@@ Строка 123: / Строка 121: @@
 **grid-area**:
+```dokuwiki
 | grid-row | | grid-column | |
-|---|---|---|---|
 |grid-row-start|grid-row-end|grid-column-start|grid-column-end|
+```
 **Синтаксис**
@@ Строка 146: / Строка 144: @@
 grid-area: header-start / sidebar-start / footer-end / sidebar-start;
 ```
 ## 5.3. Переупорядочивание элементов сетки
@@ Строка 152: / Строка 149: @@
 Свойство **order** также применяется к элементам сетки. Это влияет на их автоматическое размещение и порядок отрисовки. Свойство должно использоваться только для визуального, а не логического переупорядочения контента.
+[[grid_elements_alignment|Продолжение]]
+[[0_content|Оглавление]]