margin-block
論理プロパティ
要素の
フロー方向
のmarginを指定する
通常のmarginと異なり、フローの方向が変われば適用されるmarginの位置が変わる
例えば、
margin-left: 1rem
とすれば、
英語のような左→右だったり、
日本語の上→下だったり、
アラビア語の左→右だったり
の書字方向に関係なくleft側にmarginが付く
defaultの
div
に対して指定した場合は、top/bottomにmarginを指定したのと同じ感じ
以下2つのショートハンド
margin-block-start
margin-block-end
https://developer.mozilla.org/ja/docs/Web/CSS/margin-block-start
https://ginneko-atelier.com/blogs/entry436/
https://coliss.com/articles/build-websites/operation/css/css-logical-properties.html
関連
margin-inline