До сих пор мы особо не заботились о размерах элементов, с которыми работали. В этом уроке мы посмотрим, как легко можно определять высоту и ширину элемента.
- width
- height
Установка ширины [width]
Свойством width вы можете определять ширину элемента.
В примере показан бокс для ввода текста:
div.box {width: 200px; border: 1px solid black; background: orange;}
Установка высоты [height]
Обратите внимание, как, в предыдущем примере, высота бокса устанавливается содержимым этого бокса. Высоту элемента можно определить свойством height. В качестве примера попытаемся создать бокс высотой 500px:
div.box {height: 500px; width: 200px; border: 1px solid black; background: orange;}
Задания
Создайте документ с заданными параметрам высоты и ширины:
- height=150px и width=200px, цвет блока белый и рамка красная
- height=300px и width=100px, цвет блока красный
- height=100% и width=300px, цвет блока зеленый
Заданные параметры впишите в сам блок
