padding-block、padding-inlineというプロパティをよく見かけるようになり、使うようになりました

padding-top / bottomでいいのに、padding-blockを使うのはなんぞや？と

論理的プロパティ（Logical Properties）」、「文字の流れる方向（書字方向）に合わせて、余白を自動で調整するため」とのこと

使うメリット

使用するメリットとしては、縦書き（Vertical Mode）への対応が楽になる
縦書きの場合、この論理的プロパティだと自動で追従してくれる

次のメリットとしては、上下、左右のプロパティを1行でかけるメリットもあります

今までなら
padding-top: 10px; padding-bottom: 10px;

論理的プロパティだと
padding-block: 10px;

縦書きへの対応・短縮のメリットが両方ありますね

復習も兼ねて、cssプロパティの話題を出してみました。