Werk met padding-inspringings in CSS
Ons het die eienskap margin bespreek,
wat 'n inspringing na buite vanaf die grens maak.
Daar is ook 'n baie soortgelyke eienskap padding,
wat 'n inspringing na binne vanaf die grens maak.
Kom ons kyk nou na voorbeelde van hoe hierdie eienskap werk. Eerstens, hier is 'n blok sonder inspringings (die teks kleef aan die grense):
<div id="elem">
some long text
</div>
#elem {
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
En laat ons nou padding van 30px
aan alle kante toepas:
<div id="elem">
some long text
</div>
#elem {
padding: 30px;
width: 300px;
border: 1px solid red;
text-align: justify;
}
: