Различия

Показаны различия между двумя версиями страницы.

--- margin [2023/09/18 18:41]
tro
+++ margin [2023/09/19 17:51] (текущий)
tro
@@ Строка 12: / Строка 12: @@
 margin: 10px 15px 20px 25px;
-  * margin-top: 20px;
+  * **margin-top: 20px;**
-  * margin-right: 10px;
+  * **margin-right: 10px;**
-  * margin-bottom: 15px;
+  * **margin-bottom: 15px;**
-  * margin-left: 30px;
+  * **margin-left: 30px;**
+===== центрування блокових елементів =====
+Блоковий елемент можна горизонтально відцентрувати всередині батьківського елемента, якщо його ширина більша за ширину цього елемента. Тобто, блоковому елементу задано фіксовану ширину. Для цього використовується особливість автоматичних горизонтальних маржинів.
+Якщо задати **auto** лівий і правий маржини, вільний простір розподіляється між ними, і блочний елемент центрується.
+Аби скоротити запис, можна скористатися складаною властивістю margin, задати нульові вертикальні значення й автоматичні горизонтальні.
+<code>
+.box {
+  width: 300px;
+  background-color: tomato;
+  margin: 0 auto;
+}
+</code>
+===== Скидання margin \ padding =====
+За замовченням у деяких тегів е свої значення. Рекомендуєтся спочатку скинути а потім описати вже свої
+[[skidannja_vlastivostej_css|Скидання властивостей CSS]]