შიდა მარგინებთან (padding) მუშაობა CSS-ში
ჩვენ უკვე განვიხილეთ თვისება margin,
რომელიც ქმნის გარეთ მიმართულ მარგინს საზღვრიდან.
ასევე არსებობს ძალიან მსგავსი თვისება padding,
რომელიც ქმნის შიგნით მიმართულ მარგინს საზღვრიდან.
ახლა კი მაგალითებით ვნახოთ, როგორ მუშაობს ეს თვისება. დასაწყისისთვის მოვიყვან ბლოკს მარგინების გარეშე (მასში ტექსტი საზღვრებს არის მიბჯენილი):
<div id="elem">
some long text
</div>
#elem {
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
ახლა კი დავაყენოთ padding 30px
ყველა მხარისთვის:
<div id="elem">
some long text
</div>
#elem {
padding: 30px;
width: 300px;
border: 1px solid red;
text-align: justify;
}
: