Добавил:
piv0405
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз:
Предмет:
Файл:Лекция 4. Построение сеток.pptx
border - рамки |
31 |
|
омпоненты и стороны border 32
Примеры border |
33 |
|
Примеры border |
34 |
|
Строчные боксы |
35 |
|
–Не реагируют на width и height
–Воспринимают только горизонтальные margin и padding.
–Рамки border отображаются со всех сторон, но увеличивают размер элемента только в горизонтальном направлении.
–То есть рамки могут «залезть» на соседние строки.
Всегда помни про тип бокса!
асчет размера блочного бокса 36
Если ширина не задана, общая ширина равна доступному месту в родительском элементе.
асчет размера блочного бокса 37
При добавлении внутренних отступов ужимается содержимое.
асчет размера блочного бокса 38
Рамки также приводят к уменьшению области содержимого.
асчет размера блочного бокса 39
Внешние отступы изменяют общую ширину блока.
асчет размера блочного бокса 40
Если ширина задана, то общая ширина равна:
ширина контента + внутренние отступы + ширина рамок
Внешние отступы не влияют на общую ширину блока с заданной шириной.