[css-box-4] Adding physical versions of (margin|padding|border)-(inline|block)

[yassh]

• margin-block
• margin-inline
• padding-block
• padding-inline
• border-block
• border-inline

These logical properties are useful features. However, when used in combination with CSS written in traditional physical properties, it results in a mix of logical and physical properties, compromising code consistency.

If there were properties named in physical versions (such as margin-vertical, margin-horizontal, padding-vertical, padding-horizontal, border-vertical, border-horizontal), they could be more conveniently used in physically-based CSS.

[Loirooriol]

See #6507, there doesn't seem to be a need for these given the existence of the logical shorthands.

mix of logical and physical properties, compromising code consistency

Doesn't seem a strong reason to me, you could also switch your code to only use logical properties instead.

[yassh]

@Loirooriol
Thank you for your feedback.

In large-scale projects or legacy codebases where a complete transition to logical properties is difficult, I believe that physical shorthand properties like margin-vertical and margin-horizontal would help maintain consistency in a codebase centered around physical properties.