Тег margin-right у CSS: опис, синтаксис та приклади
margin-right - це CSS властивість, яка встановлює відступ від правого краю елемента. Відступ вимірюється як відстань від зовнішнього краю правої границі поточного елемента до внутрішньої границі його батьківського елемента.
Синтаксис
margin-right: значення | auto | inherit
Значення
Величину правого відступу можна вказати в пікселях (px), відсотках (%) або інших допустимих одиницях виміру CSS. Значення може бути як позитивним, так і від'ємним числом.
- auto
- Розрахунок розмірів відступів автоматично браузером.
- inherit
- Успадковує значення від батьківського елемента.
Приклад
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>margin-right</title>
<style>
body {
margin-right: 25%; /* Відступ справа */
margin-left: 25%; /* Відступ зліва */
}
.panel {
background: #007083; /* Колір фону */
color: white; /* Колір тексту */
padding: 10px; /* Відступи навколо тексту */
text-align: justify; /* Вирівнювання за шириною */
}
</style>
</head>
<body>
<div class="panel">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh
euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim
ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl
ut aliquip ex ea commodo consequat.
</div>
</body>
</html>Результат цього прикладу показано на рис. 2.
Об'єктна модель
[window.]document.getElementById("elementID").style.marginRight
Браузери
Internet Explorer 6 подвоює значення лівого або правого відступу для плаваючих елементів, які вкладені в батьківські елементи. Проблема може бути вирішена за допомогою додавання display: inline для плаваючого елемента.
Internet Explorer до версії 7.0 не підтримує значення inherit.