Atkāpju padding darbošanās CSS
Mēs esam apskatījuši īpašību margin,
kas veido atkāpi uz āru no robežas.
Pastāv arī ļoti līdzīgs īpašība padding,
kas veido atkāpi uz iekšu no robežas.
Tagad apskatīsim ar piemēriem, kā šī īpašība darbojas. Sākumā došu bloku bez atkāpēm (tam teksts ir pielīpis pie robežām):
<div id="elem">
some long text
</div>
#elem {
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
Un tagad iestatīsim padding uz 30px
visām pusēm:
<div id="elem">
some long text
</div>
#elem {
padding: 30px;
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
