Зміст курсу
Основи CSS
Основи CSS
Додавання Простору Елементам
Властивості margin, padding і border допомагають нам додати більше простору до елементів, покращуючи зовнішній вигляд веб-ресурсу, читабельність і зручність використання. Розглянемо кожну з них детальніше.
Властивість padding
padding відноситься до простору між вмістом елемента та його рамкою.
css
Існує декілька способів задати значення padding.
Скорочення
css
Кожний padding окремо
css
Властивість margin
Марджин називається простір між елементом і сусідніми елементами. Це область поза межами елемента.
css
Ми можемо дати марджин кількома способами.
Скорочено
css
Кожний margin окремо
css
Властивість border
border відноситься до лінії, яка оточує падінг та вміст елемента. Це область, яка відокремлює вміст елемента від його марджина.
css
Скорочено
css
Це означає, що рамка всіх сторін будуть виглядати однаково. Їх ширина - 4px, стиль - solid, а колір - brown.
Розглянемо наступний приклад і розберемося з можливими стилями рамок:
index.html
index.css
Кожен border окремо.
css
1. Яка різниця між padding та margin в CSS?
2. Яке призначення властивості border?
3. Як застосувати різні значення margin до різних сторін елемента?
Дякуємо за ваш відгук!
