padding-top

Описание

Свойство CSS padding-top устанавливает значения отсупа от верхнего края до содержимого элемента.

padding-top
Значения: <фиксированное значение> | <%> | inherit
Начальное значение: 0
Область применения: все элементы
Наследование: нет
Поддержка браузерами: IE 4+, Chrome 1+, Opera 3.5+, Safari 1+, Firefox 1+
Версия CSS: CSS1, CSS2, CSS 2.1, CSS3
Синтаксис JavaScript object.style.padding-top="10px"
Примечание:

Синтаксис

padding-top: <фиксированное значение> | <%> | inherit

Значения

<фиксированное значение>
Задается фиксированное значение отступа в px, pt, em и др.
<%>
Задается значение отступа в процентах от ширины элемента
<inherit>
Значение нижнего отступа будет таким же как у родительского элемента
Отрицательные значения не поддерживаются. Значение inherit не поддерживает IE7 и более старые версии браузера.

Пример

<!DOCTYPE HTML>
<head>
	<meta http-equiv="content-type" content="text/html" />
	<style>
div {
    width: 300px;
    height: 200px;
    background: #cef;
    border: 1px solid #000;
    padding-top: 30px;
</style>
	<title>Свойство CSS padding-top</title>
</head>
<body>
<div>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam id erat tortor, sagittis hendrerit tortor. Donec sagittis sem ac nunc sodales vitae sodales purus aliquam. Morbi vel lacinia sapien. Nullam ac magna justo. Praesent rhoncus aliquet sem eu tempor. Curabitur id blandit dui. Donec eget purus arcu. Proin a sem sed dolor dictum lobortis at ac tellus. Nam porta sollicitudin pulvinar.
</div>
</body>
</html>

Результат

padding-top

Комментирование запрещено.