De eigenschap padding-inline-end
De eigenschap padding-inline-end bepaalt het einde interne uitlijning
van een element langs de inline (horizontale) as.
Syntaxis
selector {
padding-inline-end: grootte;
}
Voorbeeld
Laten we het einde interne uitlijning voor het kind
element langs de inline-as instellen op 20px:
<div>
<p>tekst</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
Laten we nu het einde interne uitlijning voor het kind
element langs de inline-as instellen op 20%:
<div>
<p>tekst</p>
</div>
div {
width: 400px;
height: 200px;
border: 1px solid black;
}
p {
padding-inline-end: 20%;
width: 100px;
height: 50px;
border: 1px solid red;
}
:
Zie ook
-
de eigenschap
padding-inline-start,
die het begin interne uitlijning van een element langs de inline-as bepaalt -
de eigenschap
padding-block-end,
die het einde interne uitlijning van een element langs de block-as bepaalt -
de eigenschap
padding-block-start,
die het begin interne uitlijning van een element langs de block-as bepaalt -
de eigenschap
padding,
die de interne uitlijning bepaalt -
de eigenschap
margin-bottom,
die de externe marge aan de onderkant bepaalt -
de eigenschap
margin-left,
die de externe marge aan de linkerkant bepaalt -
de eigenschap
margin-right,
die de externe marge aan de rechterkant bepaalt -
de eigenschap
margin,
die een afkorting is voor de externe marge