Online-учебник по CSS

Автор учебника: Евгений Андросов


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


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

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

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

Пример:

.box {
height: 500px;
width: 300px;
border: 5px double blue;
background: #FFFFCC;
}

Смотрим, как это будет выглядеть в браузере.


Предыдущий урок    | К началу урока | К оглавлению |     Следующий урок




Непонятно? Есть вопросы?
Задайте их прямо сейчас и получите ответ автора учебника!

Комментариев к этому уроку пока нет


Задать вопрос

Имейте, пожалуйста, ввиду, что любые ссылки, html-теги или скрипты, будут выводиться в виде обычного текста - бессмысленно их использовать. Вопросы, содержащие мат и оскорбления, будут немедленно удалены.


Введите число, которое вы видите на картинке