Ссылки на каскадные стили CSS - padding.
Поддержка Браузеров
Интернет эксплорер
Google Chrome
Опера
Firefox
Сафари, то есть поддерживается во всех основных браузерах.
Определение и использование. Cокращенное свойство padding устанавливает все свойства заполнения в одной декларации. Это свойство может иметь от одного до четырех значений. Внимание!!! Отрицательные значения не допускаются.
Свойство padding устанавливает отступ( пробел) элемента, то есть задает значение свойство padding поля от края содержимого выбранного элемента. Полем называется расстояние от внутреннего края рамки выбранного элемента до воображаемого прямоугольника, ограничивающего его содержимого. При этом значение поля padding можно написать в пикселах( px), процентах( %), в других единицах измерений без ущерба для отображений. Значение inherit указывает, что оно наследуется у родителя. При указании поля в процентах, значение считается от ширины родителя элемента.
Особенно интересное и полезное в данном случае не в том, что совершается какое-то изменение какого-то участка( элемента) страницы сайта. Вся удивительная и необходимая информация содержится в том, что свойство padding, которое действует через стили CSS3 самостоятельно и независимо работает и при отключения JavaScripta в браузере Вашего компьютера. Вам не надо гадать: будет работать - не будет работать, потому как работает постоянно и стабильно.
Синтаксис:
padding: length|initial|inherit;
Описание и Использование
Значение по умолчанию: |
0 |
наследует: |
нет |
Версия: |
CSS1 |
JavaScript синтаксис: |
object.style.padding="50px" |
Свойства Значения
Значение |
Описание |
length |
Задает фиксированные отступы в px, pt, см и др. Значение по умолчанию-0 |
% |
Задает отступы в процентах от ширины содержащего элемент |
initial |
Это свойство задает значение по умолчанию. |
inherit |
Наследует это свойство от своего родительского элемента. |
Пишем программу:
< !DOCTYPE>
< html>
< head>
< style>
p#rr1 {padding:2cm;}
p#rr2 {padding:0.5cm 3cm;}
< /style>
< /head>
< body>
< p id="rr1">Этот текст имеет одинаковые поля на каждой стороне.
Отступы по 2 см с каждой стороны.< /p>
< p id="rr2">Данный текст имеет верхний и нижний отступы 0,5 см
и левый и правый отступы 3см.< /p>
< /body>
< /html>
Результат программы:
Этот текст имеет одинаковые поля на каждой стороне. Отступы по 2 см с каждой стороны.
Данный текст имеет верхний и нижний отступы 0,5 см и левый и правый отступы 3см.
ПОНРАВИЛОСЬ? ПОДЕЛИСЬ с ДРУЗЬЯМИ:
|