Tel: +372 5596 5762
e-mail: info@digipo.eu

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

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

  • height=150px и width=200px, цвет блока белый и рамка красная
  • height=300px и width=100px, цвет блока красный
  • height=100% и width=300px, цвет блока зеленый

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

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

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