Левый отступ 15 рх
Правый отстуn 15 рх
Левая граница 5 рх
Правая граница 5 рх
Левое поле 10 рх
Правое поле 10 рх
, ... ... , фактическая 160 рх
' значение ширины wирина
' ''
Область, отображаемая в брауэере
Рис. 7.8. Вычисление фактической ширины блока стилизуемого
Элемента выполняется путем сложения ее составляющих
Допустим, вы назначили следующие свойства:
-argin: lOpx:
:order-width: 5рх:
:adding: 15рх:
~1dth: lOOpx:
Если определено свойство wi dth, то вы всегда точно знаете, сколько места займет
Содержимое элемента - текст и изображения, заполняющие основное пространство
Э.1емента, - независимо от любых других установленных свойств. Вам не нужно
Глава 7. Поля, отстуnы, границы
Ничего вычислять, потому что значение wi dth и есть размер основного простран ства
для размещения содержимого (в предстаn.1свно~t выше nримере ширина равна
Пикселам). Конечно, придется вьшолнип, н есложные арифметические операции,
Чтобы выяснить общий точный размер. В nредставленном выше примере
для размещения стил изуемого элемента браузером о·rводится пространство шириной
Nиксело в: 20 н икселов для левого и правого полей, 1 О для левой и правой
Границ, 30 для левого и nравого отстуnа и 100 nикселов в качестве ширины основного
