Висота - CSS-хитрощі | Альманах CSS 2025

heightВластивість в CSS визначає визначає висоту вмісту ящиків і приймає будь-яке з значень довжини.

Область "вмісту" визначається як доповнення та рамка на додаток до висоти / ширини або розміру, який займає сам вміст.

Негативні значення типу height: -100pxне приймаються. heightВластивість не застосовується до незамещаемим вбудованим елементам , включаючи таблиці стовпці і групи стовпців.

.wrap ( height: auto; /* auto keyword */ height: 120px; /* length values */ height: 10em; height: 0; /* unit-less length is OK for zero */ height: 75%; /* percentage value */ height: inherit; /* inherited value from parent element */ )

Перевірте цю ручку!

Якщо висота вміщуваного блоку не вказана явно, і елемент не є абсолютно позиціонованим, значення його висоти обчислюється як автоматичне (воно буде рівним вмісту всередині нього або нулю, якщо вмісту немає). Якщо частина вмісту елементів вимагає більше вертикального простору, ніж доступно з присвоєного значення, поведінка елементів визначається overflowвластивістю.

При використанні ключового слова auto, heightрозраховується на основі елементів області вмісту , якщо явно не вказано. Це означає, що значення, яке базується на відсотках, все ще є значенням області вмісту елементів. Подібним чином, якщо висоту контейнера встановлено у відсотках, процентна висота дочірніх елементів все ще базується на області вмісту цього дочірнього елемента.

Висота також може використовуватися як анімаційна властивість.