| Следующая версия | Предыдущая версия |
| css:grid:grid_elements [2023/04/04 15:16] – создано so_v_a | css:grid:grid_elements [2026/08/05 09:59] (текущий) – so_v_a |
|---|
| | <!DOCTYPE markdown> |
| # 4. Элементы сетки | # 4. Элементы сетки |
| |
| |
| - Для элементов сетки _блокируется их значение свойства **display**_. Значение _**display: inline-block** вычисляется в **display: block**_, анонимные блоки текста также занимают всю ширину контейнера и образуют разрыв строки. | - Для элементов сетки _блокируется их значение свойства **display**_. Значение _**display: inline-block** вычисляется в **display: block**_, анонимные блоки текста также занимают всю ширину контейнера и образуют разрыв строки. |
| |
| - _Размер элемента сетки_ в пределах содержащего блока _определяется его областью сетки_. | - _Размер элемента сетки_ в пределах содержащего блока _определяется его областью сетки_. |
| - Расчеты элементов сетки для **width: auto** и **height: auto** зависят от их значений **align-self**: | - Расчеты элементов сетки для **width: auto** и **height: auto** зависят от их значений **align-self**: |
| **align-self: normal**; - незамещаемые элементы заполняют область сетки, замещаемые элементы используют собственные размеры; | **align-self: normal**; - незамещаемые элементы заполняют область сетки, замещаемые элементы используют собственные размеры; |
| **align-self: stretch**; - обе категории элементов заполняют область сетки; | **align-self: stretch**; - обе категории элементов заполняют область сетки; |
| **align-self: start/center** и т.д. - незамещаемые элементы устанавливают размеры в соответствии со своим содержимым, замещаемые элементы используют собственные размеры. | **align-self: start/center** и т.д. - незамещаемые элементы устанавливают размеры в соответствии со своим содержимым, замещаемые элементы используют собственные размеры. |
| - Поскольку соседние элементы сетки находятся в независимых областях сетки, то *поля соседних элементов сетки **margin** не схлопываются*. | - Поскольку соседние элементы сетки находятся в независимых областях сетки, то *поля соседних элементов сетки **margin** не схлопываются*. |
| - Браузеры по-разному обрабатывают процентные значения свойств **margin** и **padding**, поэтому *не рекомендуется использовать их при задании значений этих свойств*. | - Браузеры по-разному обрабатывают процентные значения свойств **margin** и **padding**, поэтому *не рекомендуется использовать их при задании значений этих свойств*. |
| - Поля **margin: auto**; *расширяются, поглощая свободное пространство в соответствующем измерении, поэтому могут использоваться для выравнивания элемента*. | - Поля **margin: auto**; *расширяются, поглощая свободное пространство в соответствующем измерении, поэтому могут использоваться для выравнивания элемента*. |
| | |
| | |
| | [[placement_and_reordering_of_grid_elements|Продолжение]] |
| | |
| | [[0_content|Оглавление]] |
