Εργασία με τα περιθώρια 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;
}
:
