- Урок 1 Учебник CSS Учебник HTML

Урок 12. Задаем высоту и ширину

С помощью свойств height (высота) и width (ширина) можно легко задать высоту и ширину любого элемента сайта.

Надо сразу сказать, что высота определяется содержимым элемента. Если мы, например, установим высоту бокса с текстом в 50 пикселей, а текст в эти рамки не будет вписываться, высота автоматически увеличится. Поэтому часто высоту можно вовсе не указывать. При этом ширина всегда остается неизменной.

Однако, иногда бывает нужно, чтобы элемент был гораздо больше содержащегося в нем текста, тогда указание высоты необходимо.

Пример:

.box

{

height: 500px;

width: 300px;

border: 5px double blue;

background: #FFFFCC;

}