CSSでマージンを与える際に、margin-left, margin-rightのように物理プロパティを使用している思います。もちろん問題はないですが、CSS GridやFlexboxで使われている論理プロパティを使用する機会も増えてくると思います。 CSSの論理プロパティの基礎知識、inlineとblockの仕様、論理として使用できるプロパティ、論理プロパティの実装例を紹介します。 Digging Into CSS Logical Properties by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに writing-modeによるinlineとblockの違い inlineとはどういう意味ですか? startとendを正しく理解する 論理として使用できるプロパティは何ですか? 論理プ
![CSSの論理プロパティの使い方を徹底解説、margin-block-start, margin-inline-endなど](https://cdn-ak-scissors.b.st-hatena.com/image/square/e07a20cb854ce05f3e00bc2df87eb626b7a771a4/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202101%2F2021032701%402x.png)