margin | Задает или получает ширину отступа от четырех сторон объекта H4 {margin:1cm;} body {margin:5mm;} |
margin-top | Задает или получает высоту верхнего отступа объекта H5 {margin-top:3cm;} |
margin-left | Задает или получает ширину левого отступа объекта img {margin-left:2cm;} |
margin-right | Задает или получает ширину правого отступа объекта img {margin-right:2cm;} |
margin-bottom | Задает или получает высоту нижнего отступа объекта img {margin-bottom:2cm;} |
padding | Задает или получает величину пространтства, вставляемого между объектом и его отступом или, если объект имеет границы, между объектом и его границей td {padding:2cm;} |
padding-bottom | Задает или получает величину пространтства, вставляемого между объектом его нижней границей td {padding-bottom:2cm;} |
padding-left | Задает или получает величину пространтства, вставляемого между объектом его левой границей td {padding-left:2cm;} |
padding-right | Задает или получает величину пространтства, вставляемого между объектом его правой границей td {padding-right:2cm;} |
padding-top | Задает или получает величину пространтства, вставляемого между объектом его верхней границей td {padding-top:2cm;} |
Кликните на "ААА", чтобы увеличить отступ от левого края на 5 см
ААА
Кликните на центральной букве "А", чтобы увеличить пространство между
границей ячейки таблицы
А | А | А |
А | А | А |
А | А | А |
<h4 style="margin:1cm;">Заголовок имеет отступ от всех сторон документа в 1 см</h4> <p>Кликните на "ААА", чтобы увеличить отступ от левого края на 5 см<br> <p onclick="this.style.marginLeft='5cm'">ААА</p> <p>Кликните на центральной букве "А", чтобы увеличить пространство между границей ячейки таблицы<br> <table border=1> <tr> <td>А<td>А<td>А <tr><td>А<td onclick="this.style.padding='1cm'">А<td>А<tr> <td>А<td>А<td>А </table>