Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

Style paddingTop Property

<Style Object

пример

Установите верхний отступ в <div> элемент:

document.getElementById("myDiv").style.paddingTop = "50px";
Попробуй сам "

Определение и использование

В paddingTop наборов свойств или возвращает верхний отступ элемента.

Свойства обивки оесть пространство между границей элемента и содержанием элементов.

И свойство Маржи и вставка пространство набивки свойства вокруг элемента. Тем не менее, разница в том, что рентабельность вставляет пространство вокруг границы, в то время как обивка вставляет пространство внутри границы элемента.


Поддержка браузеров

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Свойство paddingTop поддерживается во всех основных браузерах.


Синтаксис

Возвращает свойство paddingTop:

object .style.paddingTop

Установите свойство paddingTop:

object .style.paddingTop=" Значения свойств
Стоимость Описание
% Определяет верхний отступ в% от ширины родительского элемента
length Определяет верхнюю прокладку в единицах длины
initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном
inherit Inherits это свойство от родительского элемента. Читайте о унаследовать

Технические подробности

Значение по умолчанию: 0
Возвращаемое значение: Строка, представляющая верхний отступ элемента
CSS версия CSS1

Еще примеры

пример

Измените верхний отступ в <div> элемент обратно в "normal" :

document.getElementById("myDiv").style.paddingTop = "0px";
Попробуй сам "

пример

Возвращает верхний отступ в <div> элемент:

alert(document.getElementById("myDiv").style.paddingTop);
Попробуй сам "

пример

Разница между MarginTop и paddingTop:

function changeMargin() {
    document.getElementById("myDiv").style.marginTop = "100px";
}

function changePadding() {
    document.getElementById("myDiv2").style.paddingTop = "100px";
}
Попробуй сам "

Похожие страницы

CSS учебник: CSS Отступы

Ссылка CSS: padding-top property

HTML DOM ссылка: padding property


<Style Object