Меню сайта |
|
|
Шпаргалка для себя и друзей.
CSS: Отступы
CSS: Отступы:
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;}
Реализация для примера:
<HEAD> <TITLE>CSS: Отступы</TITLE>
<STYLE type=""text/css"">
body {margin:5mm;}
H4 {margin:1cm;}
H3 {margin-top:3cm;}
</STYLE>
</HEAD>
<BODY>
Примеры:
Заголовок H4 имеет отступ от всех сторон документа в 1 см
Заголовок H3 имеет верхний отступ в 3 см
Кликните на картинке, чтобы увеличить отступ от левого края на 5 см
Реализация отступа картинки от левого края на 5 см:
<IMG src="http://логин.narod.ru/image/0110.gif" height="120" width="150" onclick="this.style.marginLeft='5cm'">
CSS: Отступы
|
|
|
|