padding-inline-endプロパティ
プロパティpadding-inline-endは、要素のインライン（水平）軸方向の終端側パディングを設定します。
構文
セレクター {
padding-inline-end: サイズ;
}
例
子要素のインライン軸方向の終端側パディングを20pxに設定してみましょう：
<div>
<p>テキスト</p>
</div>
div {
width: 400px;
height: 200px;
border: 1px solid black;
}
p {
padding-inline-end: 20px;
width: 100px;
height: 50px;
border: 1px solid red;
}
:
例
次に、子要素のインライン軸方向の終端側パディングを20%に設定してみましょう：
<div>
<p>テキスト</p>
</div>
div {
width: 400px;
height: 200px;
border: 1px solid black;
}
p {
padding-inline-end: 20%;
width: 100px;
height: 50px;
border: 1px solid red;
}
:
関連項目
-
プロパティ
padding-inline-start、
これは要素のインライン軸方向の始端側パディングを設定します -
プロパティ
padding-block-end、
これは要素のブロック軸方向の終端側パディングを設定します -
プロパティ
padding-block-start、
これは要素のブロック軸方向の始端側パディングを設定します -
プロパティ
padding、
これはパディングを設定します -
プロパティ
margin-bottom、
これは下側のマージンを設定します -
プロパティ
margin-left、
これは左側のマージンを設定します -
プロパティ
margin-right、
これは右側のマージンを設定します -
プロパティ
margin、
これはマージンの一括指定プロパティです
