Размеры блоков - CSS свойства
Краткое описание свойств
width- Задаёт ширину элемента.
max-width- Устанавливает максимальную ширину элемента.
min-width- Устанавливает минимальную ширину элемента.
height- Задаёт высоту элемента.
max-height- Устанавливает максимальную высоту элемента.
min-height- Устанавливает минимальную высоту элемента.
box-sizing- Переопределяет значение свойств
widthиheight.
Свойство width
Задаёт ширину элемента страницы.
Краткая информация
| Значение по умолчанию | auto |
|---|---|
| Применяется | к блочным элементам |
| Наследуется | нет |
| Имя свойства в DOM | width |
Значения
Для задания используются любые числовые значения. Ключевое слово auto задает ширину исходя из размера содержимого.
Свойство max-width
Задаёт максимальную возможную ширину блока.
Краткая информация
| Значение по умолчанию | none |
|---|---|
| Применяется | к блочным элементам |
| Наследуется | нет |
| Имя свойства в DOM | maxWidth |
Значения
Для задания используются любые числовые значения. Ключевое слово none отменяет данное свойство.
Свойство min-width
Задаёт минимальную возможную ширину блока.
Краткая информация
| Значение по умолчанию | 0 |
|---|---|
| Применяется | к блочным элементам |
| Наследуется | нет |
| Имя свойства в DOM | minWidth |
Значения
Для задания используются любые числовые значения.
Свойство height
Задаёт высоту элемента страницы.
Краткая информация
| Значение по умолчанию | auto |
|---|---|
| Применяется | к блочным элементам |
| Наследуется | нет |
| Имя свойства в DOM | height |
Значения
Для задания используются любые числовые значения. Ключевое слово auto задаёт высоту исходя из размера содержимого.
Свойство max-height
Задаёт максимальную возможную высоту блока.
Краткая информация
| Значение по умолчанию | none |
|---|---|
| Применяется | к блочным элементам |
| Наследуется | нет |
| Имя свойства в DOM | maxHeight |
Значения
Для задания используются любые числовые значения. Ключевое слово none отменяет данное свойство.
Свойство min-height
Задаёт минимальную возможную высоту блока.
Краткая информация
| Значение по умолчанию | 0 |
|---|---|
| Применяется | к блочным элементам |
| Наследуется | нет |
| Имя свойства в DOM | minHeight |
Значения
Для задания используются любые числовые значения.
Свойство box-sizing
По умолчанию в CSS свойства width и height задают размеры только содержимого блока, не включая поля (padding), границы (border) и отступы (margin). Свойство box-sizing позволяет это изменить.
Краткая информация
| Значение по умолчанию | content-box |
|---|---|
| Применяется | к блочным элементам |
| Наследуется | нет |
| Имя свойства в DOM | boxSizing |
Значения
content-box- используется по умолчанию. Свойстваwidthиheightзадают размеры только содержимого блока, не включая поля, границы и отступы.padding-box- свойстваwidthиheightзадают размеры содержимого блока с полями, но не включая границы и отступы.border-box- свойстваwidthиheightзадают размеры содержимого блока с полями и границами, но не включая отступы.