Padding block has 2 values, start and end padding.
Syntax
padding-block: 10px 20px; /* start = 10px and end = 20px */What different between “padding-block” and “padding”?
padding direction have top, bottom, right and left.
padding-block creates space around an element content.
https://jsfiddle.net/wkasiban/qnmrkdtb/5/
padding-block เหมือน padding-บน padding-ล่าง (ไม่มีซ้าย-ขวา) ทั้งนี้ขึ้นอยู่กับว่าตัวอักษรหันไปทิศทางไหน default ปกติตัวอักษรจะเขียนจากซ้ายไปขวา ดังนั้น padding-block เลยเป็นบนล่างของบรรทัด …แต่ถ้าตัวอักษรเรียงแนวตั้ง padding-block ก็จะเป็น padding ของ หน้า หรือหลังตัวอักษรนั้นแทน