Инструменты пользователя

Инструменты сайта


css:grid:setting_the_grid

Различия

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

Ссылка на это сравнение

Предыдущая версия справа и слеваПредыдущая версия
Следующая версия
Предыдущая версия
css:grid:setting_the_grid [2023/04/04 13:37] – [3.2. Именованные области: свойство grid-template-areas] so_v_acss:grid:setting_the_grid [2026/08/05 09:59] (текущий) – so_v_a
Строка 1: Строка 1:
 +<!DOCTYPE markdown>
 # 3. Определение сетки # 3. Определение сетки
  
Строка 197: Строка 198:
 } }
 ``` ```
- 
 ## 3.3. Сокращенная запись явного объявления сетки: свойство grid-template ## 3.3. Сокращенная запись явного объявления сетки: свойство grid-template
  
Строка 238: Строка 238:
 ``` ```
  
-Функция repeat() не разрешена для определения списка дорожек в этом свойстве, если используются именованные области сетки (сетка просто не будет отрисована).+:!: Функция repeat() не разрешена для определения списка дорожек в этом свойстве, если используются именованные области сетки (сетка просто не будет отрисована).
  
  
Строка 246: Строка 246:
 Если элемент сетки расположен в строке или столбце, размер которых не определен явно через grid-template-rows или grid-template-columns, создаются неявные дорожки сетки для его хранения. Это может произойти в случае, если строка или столбец оказались за пределами установленных размеров сетки. Если элемент сетки расположен в строке или столбце, размер которых не определен явно через grid-template-rows или grid-template-columns, создаются неявные дорожки сетки для его хранения. Это может произойти в случае, если строка или столбец оказались за пределами установленных размеров сетки.
  
-По умолчанию эти автоматически добавляемые дорожки имеют минимальный необходимый размер. Свойства grid-auto-rows и grid-auto-columns позволяют контролировать размер неявных дорожек сетки. Если дано несколько размеров дорожек, шаблон повторяется по мере необходимости, чтобы найти размер неявных дорожек. Первая неявная дорожка сетки после явной сетки получает первый заданный размер и так далее.+По умолчанию эти автоматически добавляемые дорожки имеют минимальный необходимый размер. Свойства **grid-auto-rows** и **grid-auto-columns** позволяют контролировать размер неявных дорожек сетки. Если дано несколько размеров дорожек, шаблон повторяется по мере необходимости, чтобы найти размер неявных дорожек. Первая неявная дорожка сетки после явной сетки получает первый заданный размер и так далее.
  
 Свойства не наследуются. Свойства не наследуются.
  
-grid-auto-columns, grid-auto-rows +**grid-auto-columns**, **grid-auto-rows 
- +** 
-Значения:+| Значения: |  |
 |auto |Значение по умолчанию. | |auto |Значение по умолчанию. |
 |размер дорожки + |В качестве размера дорожки может использоваться любое значение, допустимое для задания размеров дорожек сетки.| |размер дорожки + |В качестве размера дорожки может использоваться любое значение, допустимое для задания размеров дорожек сетки.|
  
-grid-auto-rows.png+[[Grid Layout|{{css:grid:grid-auto-rows.png}}]]
  
 ```css ```css
Строка 291: Строка 291:
 } }
 ``` ```
 +`
 ### 3.4.2. Автоматическое размещение: свойство grid-auto-flow ### 3.4.2. Автоматическое размещение: свойство grid-auto-flow
  
Строка 308: Строка 309:
 Галерея изображений в стиле Masonry с помощью автоматического размещения элементов сетки: Галерея изображений в стиле Masonry с помощью автоматического размещения элементов сетки:
  
-post-img-3.jpg+{{url>https://html5book.ru/examples/grid/grid-masonry.html|Галерея изображений в стиле Masonry с помощью автоматического размещения элементов сетки}}
  
 ```css ```css
Строка 362: Строка 363:
 ``` ```
  
 +
 +[[grid_elements|Продолжение]]
 +
 +[[0_content|Оглавление]]
/var/www/html/dokuwiki/data/attic/css/grid/setting_the_grid.1680615468.txt.gz · Последнее изменение: (внешнее изменение)