Ιδιότητα padding-block-start
Η ιδιότητα padding-block-start ορίζει το αρχικό εσωτερικό περιθώριο
ενός στοιχείου κατά μήκος του block (κάθετου) άξονα.
Σύνταξη
επιλογέας {
padding-block-start: μέγεθος;
}
Παράδειγμα
Ας ορίσουμε ένα αρχικό εσωτερικό περιθώριο για το θυγατρικό
στοιχείο κατά μήκος του block άξονα σε 20px:
<div>
<p>κείμενο</p>
</div>
div {
width: 400px;
height: 200px;
border: 1px solid black;
}
p {
padding-block-start: 20px;
width: 100px;
height: 50px;
border: 1px solid red;
}
:
Παράδειγμα
Τώρα ας ορίσουμε ένα αρχικό εσωτερικό περιθώριο για το θυγατρικό
στοιχείο κατά μήκος του block άξονα σε 20%:
<div>
<p>κείμενο</p>
</div>
div {
width: 400px;
height: 200px;
border: 1px solid black;
}
p {
padding-block-start: 20%;
width: 100px;
height: 50px;
border: 1px solid red;
}
:
Δείτε επίσης
-
η ιδιότητα
padding-block-end,
που ορίζει το τελικό εσωτερικό περιθώριο ενός στοιχείου κατά μήκος του block άξονα -
η ιδιότητα
padding-inline-end,
που ορίζει το τελικό εσωτερικό περιθώριο ενός στοιχείου κατά μήκος του inline άξονα -
η ιδιότητα
padding-inline-start,
που ορίζει το αρχικό εσωτερικό περιθώριο ενός στοιχείου κατά μήκος του inline άξονα -
η ιδιότητα
padding,
που ορίζει το εσωτερικό περιθώριο -
η ιδιότητα
margin-bottom,
που ορίζει το εξωτερικό περιθώριο από κάτω -
η ιδιότητα
margin-left,
που ορίζει το εξωτερικό περιθώριο αριστερά -
η ιδιότητα
margin-right,
που ορίζει το εξωτερικό περιθώριο δεξιά -
η ιδιότητα
margin,
που είναι μια συντόμευση για το εξωτερικό περιθώριο