Различия

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

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