Маржа - це властивість у CSS, яка використовується для створення пробілів навколо елементів, поза межами кордону. Програміст може встановити поле для верхнього, правого, нижнього та лівого. Іншими словами, він може встановлювати ці значення, використовуючи margin-top, margin-right, margin-bottom та margin-left.
Значення маржі можуть бути таких типів.
По-перше, авто дозволяє браузеру обчислювати маржу. Більше того, довжина позначає запас у px, pt або cm, тоді як% допомагає описати запас у відсотках відносно ширини елемента, що містить. Нарешті, наслідування позначає, що маржа повинна успадковуватися від батьківського елемента.
Padding - це властивість у CSS, яка допомагає створити простір навколо елемента всередині кордону. Програміст може встановити прокладку вгорі, праворуч, знизу та зліва. Іншими словами, він може встановлювати ці значення, використовуючи padding-top, padding-right, padding-bottom та padding-left.
Значення Padding можуть бути таких типів.
Довжина описує прокладку в px, pt або cm, тоді як% позначає прокладку у відсотках відносно ширини елемента, що містить. Нарешті, наслідок описує, що прокладка повинна бути успадкована від батьківського елемента.
div.special {
width:200px;
border-style: solid;
border-width:thin;
border-color:#000;
margin:30px 20px 10px 25px;
}
div.special2 {
width:200px;
border-style: solid;
border-width:thin;
border-color:#000;
padding:30px 20px 10px 25px;
}
<div class="special">
Hello its margin test
</div>
<div class="special2">
Hello its padding test
</div>
Різниця між маржею та прокладкою
Поле - це властивість CSS, яка використовується для створення простору навколо елемента за межами визначеної межі, тоді як підкладка - це властивість CSS, яка використовується для створення простору навколо елемента, всередині визначеної межі. Таким чином, цим пояснюється основна відмінність між маржами та прокладками.
Значення
Крім того, значення маржі можуть бути автоматичними, довжиною,% або успадковуватими, тоді як значення набивання можуть бути довжиною,% або типом успадкування. Отже, це ще одна відмінність між маржею та прокладкою.
Коротше кажучи, поля та прокладка - це два властивості CSS, що дозволяє стилізувати веб-сторінки. Неможливо призначити негативні значення для цих властивостей. Основна відмінність поля та прокладки полягає в тому, що поле допомагає створювати простір навколо елемента за межами кордону, тоді як набивання допомагає створити простір навколо елемента всередині кордону.
padding vs margin. Я думаю, нам потрібно додати стрілки до панелі пошуку та зробити зеленим.