Height (высота) и Width (ширина)

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

Установка ширины [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 (высота) и Width (ширина)
    
Задания
Создайте документ с заданными параметрам высоты и ширины:

Заданные параметры впишите в сам блок

В предыдущем уроке рассматривали рамки

В следующем уроке рассмотрим курсоры

Просмотров: 2252
Печать

Похожие материалы