padding-left | Свойство CSS - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Пятница, 09.12.2016
Главная » Справочник CSS3 » Свойства отступов


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


padding-left | Свойство CSS

Свойство padding-left устанавливает левый отступ элементу.




Свойство padding-left устанавливает отступ элементу от левой части.Не путать со свойством margin-left устанавливающим отступ от родительского элемента.Для более объективного сценария указывайте расширенные свойства padding.Значения могут быть в числовом и процентном эквиваленте.Дополнительно,существует порядок установки расширенных свойств,свойства устанавливаются по часовой стрелке начиная с верхней части.
Порядок установки расширенных свойств:
1.padding-top
2.padding-right
3.padding-bottom
4.padding-left
Свойство применимо ко всем элементам,создано в версии CSS1 но проходит валидацию согласно версии CSS3.




Дополнительные значения padding-left


Значение
Описание
<Процент>Устанавливает отступ исходя из процентного соотношения с элементом
<Число>Устанавливает отступ с применением числовых значений
autoБраузер сам определяет отступ для элемента,разумеется применяйте если понимаете смысл и свойства наследования
inheritУстанавливает отступ исходя из значений элемента


Свойство работает в браузерах




Пример применения свойства padding-left



<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство padding-left</title>
<meta charset="utf-8">
<style type="text/css">
<!--
div.roditel {
display:block;
position:absolute;
border:15px solid #0ba1d5;
}
div {
padding-left:40px;
display:block;
border:15px solid #0ba1d5;
}
-->
</style>
</head>
<body>
<div class="roditel">
<div><img src="http://delaisait.ucoz.ru/css/demo/img/css3_background-repeat.jpg"></div>
</div>
</body>
</html>

Пример в действии




Поэкспериментируйте сами





Русские шрифты






Источник: http://www.w3.org/TR/CSS21/box.html#propdef-padding-left
Категория: Свойства отступов | Добавил: IZOTOP (15.04.2012) | Автор: Меренков Михаил E W
Просмотров: 517 | Теги: css, что означает, отступ, свойство, padding-left, style, что это | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]