Свойства Margin

1. Свойство “margin”
3.5.5 margin properties

2. Содержание:
• Свойства margin, margin-top, margin-right,
margin-bottom, margin-left

3. Свойство margin задает внешние отступы
элемента — отступы от внешней границы
элемента до границ родительского
элемента или до соседних элементов.

5. Способы записи свойства
margin аналогичны свойству
padding.
margin: 10px; - Одинаковые отступы со всех сторон.
margin: 5px 10px; - Сверху и снизу 5px, справа и слева 10px.
margin: 5px 10px 15px 20px; - все 4 стороны соответственно.

6. Можно задавать отступы для разных
сторон с помощью свойств:
margin-top
margin-right
margin-bottom
margin-left

7. Задание:
1. Создать 3 заголовка h3 с текстом “CONTENT”;
2. Применить к заголовкам свойство “border” со всех 4х
сторон;
3. Применить свойство для выравнивания текста по центру;
4. Применить свойство “width: 20%”
5. Применить свойство “margin” 50px слева и справа, 100 px
сверху и снизу;
6. Применить свойство “padding” по 20px с каждой стороны;
Если у вас все получилось, попробуйте задать разные
значения к свойству “margin”

8. «Мүмкүнчүлүктөрү чектелген адамдарга карата IT окутуу» проекти Европалык Союзу тарыбынан
финансылоо болгон.
Бул документин мазмуну толугу менен IT Академиянын жоопкерчилиги жана эч кандай жолунда
Европалык Комиссиянын көз карашын көргөзбөйт.
Проект «IT тренинг для людей с ограниченными возможностями» финансирован Европейским Союзом.
Содержание этого документа полностью является ответственностью IT Academy и никак не отражает
взгляды Европейской Комиссии.
The project “Promotion of IT training for people with disabilities” is financed by the European Union.
The content of this document is the sole responsibility of IT Academy and can in no way be taken to reflect the views of
the European Commission.
#programmingwithoutbarriers
#cheksizprogramming