Exemplu
Setați capitonarea unui <div> Element:
document.getElementById("myDiv").style.padding = "50px 10px 20px 30px"; Încearcă - l singur » Definiție și utilizare
Seturile de proprietate de umplutură sau returnează capitonarea unui element.
Această proprietate poate dura de la una la patru valori:
Atât proprietatea în marjă și inserați spațiul din jurul proprietății padding unui element. Cu toate acestea, diferența este că marja introduce spațiul în jurul marginii, în timp ce padding introduce spațiul în marginea unui element.
- O valoare, cum ar fi: div {padding: 50px} - toate cele patru laturi vor avea o umplutură de 50px
- Există două valori, cum ar fi: div {padding: 50px 10px} - partea de sus și de jos va fi padding 50px, la stânga și la dreapta padding va fi 10px
- Trei valori, cum ar fi: div {padding: 50px 10px 20px} - capitonarea de sus va fi 50px, la stânga și la dreapta padding va fi 10px, padding de jos va fi 20px
- Patru valori, precum: div {padding: 50px 10px 20px 30px} - capitonarea de sus va fi 50px, padding dreapta va fi 10px, padding de jos va fi 20px, padding stânga va fi 30px
Suport pentru browser-
Proprietatea padding este acceptată în toate browserele majore.
Sintaxă
Întoarcere proprietatea padding:
object .style.padding
Setați proprietatea padding:
object .style.padding=" Valori de proprietate Valoare Descriere % Definește padding în% din lățimea elementului părinte length Definește capitonarea în unități de lungime initial Setează această proprietate la valoarea implicită. Citiți despre inițială inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Detalii tehnice
Valoare implicită: 0 Întoarcere Valoare: Un șir, reprezentând padding unui element CSS Versiune CSS1
Mai multe exemple
Exemplu
Modificarea capitonarea toate cele patru laturi ale unui <div> element "25px" :
document.getElementById("myDiv").style.padding = "25px";
Încearcă - l singur »
Exemplu
Returnarea capitonarea unui <div> Element:
alert(document.getElementById("myDiv").style.padding);
Încearcă - l singur »
Exemplu
Diferența dintre proprietatea marjă și proprietatea padding:
function changeMargin() {
document.getElementById("myDiv").style.margin = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.padding = "100px";
}
Încearcă - l singur »
Pagini similare
Tutorial CSS: CSS padding
Referință CSS: padding property
<Style Object