пример
Установите отступы в <div> элемент:
document.getElementById("myDiv").style.padding = "50px 10px 20px 30px"; Попробуй сам " Определение и использование
Заполнитель наборы свойств или возвращают заполнение элемента.
Это свойство может занять от одного до четырех значений:
И свойство Маржи и вставка пространство набивки свойства вокруг элемента. Тем не менее, разница в том, что рентабельность вставляет пространство вокруг границы, в то время как обивка вставляет пространство внутри границы элемента.
- Одно значение, как: DIV {обивка: 50px} - все четыре стороны будут иметь отступы 50px
- Два значения, как: DIV {обивка: 50px 10px} - верхняя и нижняя обивка будет 50px, левый и правый обивка будет 10px
- Три значения, как: DIV {обивка: 50px 10px 20px} - верхняя обивка будет 50px, левый и правая обивка будет 10px, нижнее заполнение будет 20px
- Четыре значения, как: DIV {обивка: 50px 10px 20px 30px} - верхняя обивка будет 50px, правая обивка будет 10px, нижнее заполнение будет 20px, левая обивка будет 30px
Поддержка браузеров
Свойство набивки поддерживается во всех основных браузерах.
Синтаксис
Возвращает свойство обивки:
object .style.padding
Установите свойство обивки:
object .style.padding=" Значения свойств Стоимость Описание % Определяет отступ в% от ширины родительского элемента length Определяет отступ в единицах длины initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном inherit Inherits это свойство от родительского элемента. Читайте о унаследовать
Технические подробности
Значение по умолчанию: 0 Возвращаемое значение: Строка, представляющая заполнение элемента CSS версия CSS1
Еще примеры
пример
Изменение отступов всех четырех сторон <div> элемент в "25px" :
document.getElementById("myDiv").style.padding = "25px";
Попробуй сам "
пример
Возвращает отступ в <div> элемент:
alert(document.getElementById("myDiv").style.padding);
Попробуй сам "
пример
Разница между свойством маржинального и свойством отступа:
function changeMargin() {
document.getElementById("myDiv").style.margin = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.padding = "100px";
}
Попробуй сам "
Похожие страницы
CSS учебник: CSS Отступы
Ссылка CSS: padding property
<Style Object