Die padding-inline-end eienskap
Die padding-inline-end eienskap spesifiseer die finale binnepadding
van 'n element langs die inlyn-as (horisontale as).
Sintaksis
selektor {
padding-inline-end: grootte;
}
Voorbeeld
Laat ons die finale binnepadding vir die kindelement
langs die inlyn-as op 20px stel:
<div>
<p>teks</p>
</div>
div {
width: 400px;
height: 200px;
border: 1px solid black;
}
p {
padding-inline-end: 20px;
width: 100px;
height: 50px;
border: 1px solid red;
}
:
Voorbeeld
En laat ons nou die finale binnepadding vir die kindelement
langs die inlyn-as op 20% stel:
<div>
<p>teks</p>
</div>
div {
width: 400px;
height: 200px;
border: 1px solid black;
}
p {
padding-inline-end: 20%;
width: 100px;
height: 50px;
border: 1px solid red;
}
:
Sien ook
-
die
padding-inline-starteienskap,
wat die aanvanklike binnepadding van 'n element langs die inlyn-as spesifiseer -
die
padding-block-endeienskap,
wat die finale binnepadding van 'n element langs die blok-as spesifiseer -
die
padding-block-starteienskap,
wat die aanvanklike binnepadding van 'n element langs die blok-as spesifiseer -
die
paddingeienskap,
wat binnepadding spesifiseer -
die
margin-bottomeienskap,
wat die buitemarge onderaan spesifiseer -
die
margin-lefteienskap,
wat die buitemarge aan die linkerkant spesifiseer -
die
margin-righteienskap,
wat die buitemarge aan die regterkant spesifiseer -
die
margineienskap,
wat 'n afkorting is vir buitemarges
