Атрибут bottommargin тега <body> — відступ знизу сторінки
автор: с3с
Загальний опис
автор: NagarD
- Порада
-
Браузер Firefox не розуміє
bottommargin, для установки відступів в ньому використовуються атрибутиmarginwidth- відступи по горизонталі іmarginheight- відступи по вертикалі.Щоб задати відступи на сторінці через стилі, використовуйте стильова властивість
автор: с3сmargin, застосовуючи його до селектораbody.
Синтаксис
<body bottommargin="pixels">Атрибут bottommargin може отримувати єдине значення:
-
pixels -
Кількість пікселів для відступу (10 пікселів без задання).
автор: с3с
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 35 | ≤4 | 15 | 79 | — |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 35 | ≤3.2 |
Приклади
+ запропонувати свій приклад у пісочниці
Приклад написано повним документом, бо інакше атрибутів <body> не показати. У розмітці задано всі чотири: topmargin="40", bottommargin="0", leftmargin="10", rightmargin="200". Синє поле навколо білого прямокутника — це справжні відступи тіла. Вони вийшли 40 згори, 40 знизу, 10 ліворуч і 10 праворуч: topmargin спрацював на обидва боки, leftmargin теж, а bottommargin і rightmargin не спрацювали ніяк.
HTML
<!doctype html>
<html lang="uk">
<head>
<meta charset="utf-8">
<title>Відступи тіла старими атрибутами</title>
</head>
<body topmargin="40" bottommargin="0" leftmargin="10" rightmargin="200">
<p class="head">Що написано в розмітці</p>
<ul class="spysok">
<li><span class="ok">topmargin="40"</span> — спрацював, і згори, і знизу</li>
<li><span class="ni">bottommargin="0"</span> — не спрацював зовсім</li>
<li><span class="ok">leftmargin="10"</span> — спрацював, і ліворуч, і праворуч</li>
<li><span class="ni">rightmargin="200"</span> — не спрацював зовсім</li>
</ul>
<p class="note">Синє поле навколо білого прямокутника — це і є відступи тіла.
Знизу воно таке саме завширшки, як згори, хоча в розмітці стоїть нуль;
праворуч — таке саме, як ліворуч, хоча в розмітці стоїть 200.</p>
</body>
</html>CSS
html {
background: #cfdcf2;
}
body {
background: #ffffff;
outline: 2px dashed #2f6fd0;
font: 16px/1.5 system-ui, sans-serif;
color: #111111;
}
.head {
margin: 0 0 8px;
color: #5a6472;
font: 600 14px/1.4 system-ui, sans-serif;
text-transform: uppercase;
letter-spacing: .04em;
}
.spysok {
margin: 0 0 10px;
padding-left: 22px;
line-height: 1.9;
}
.ok {
padding: 1px 5px;
border-radius: 3px;
background: #f3fbf4;
color: #1b5e20;
font: 14px/1.6 ui-monospace, monospace;
}
.ni {
padding: 1px 5px;
border-radius: 3px;
background: #fff4f4;
color: #c0392b;
font: 14px/1.6 ui-monospace, monospace;
}
.note {
margin: 0;
color: #5a6472;
font-size: .9em;
}Найпростіший приклад використання атрибуту bottommargin тегу body
HTML
<body id="im">
<div class="head1">
<p>У цьому прикладі, Ви можете змінювати значення для властивості bottommargin в межах від 0 до 200 переміщаючи повзунок.</p>
<p id="text"></p>
<input type="range" min="0" max="500" step="1" value="0" id="range" onmousemove="f()">
</div>CSS
.blok{
display:blok;
float:left;
border:1px solid ;
padding:20px;
}
.c1{
background-color:red;
width:100%;
height:100%;
}
.head1{
text-align:center;
}Різниця між HTML 4.01 та HTML5
Атрибут bottommargin тегу <body> не підтримується у HTML5.
Коментарі
Коментарів ще немає — будьте першим!