Височина - 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се изчислява въз основа на областта на съдържанието на елементите , освен ако не е изрично посочено. Това означава, че стойността, базирана на процент, все още е тази на областта на съдържанието на елементите. По същия начин, ако височината на контейнера е зададена на процентна стойност, процентната височина на дъщерни елементи все още се основава на областта на съдържанието на този дъщерен елемент.

Височината може да се използва и като анимационно свойство.