故障したロジック

真実は、新しい言語を学ぶことは精神的な変化のようなものです。翻訳から新しい言語で直接考えることに移行し、最終的には夢を見ています。この同じ現象は、新しいCSS構文、特に論理的特性の習得に適用されます。 「aha！」直感的な理解の瞬間は信じられないほどやりがいがあります。

ただし、現在のCSS実装は課題です。多くの開発者は、 padding-inlineやmargin-inlineなどの論理的特性を採用していますが、一貫した使用法はとらえどころのないままです。この矛盾は、私たちが求めるシームレスな精神的移行を妨げます。

たとえば、 inline-sizeはwidthの論理的な代替品を提供しますが、今後の@containerクエリは当初この一貫性を破るように見え、 min-widthとmax-widthへの戻りを必要とします。幸いなことに、最近のドラフトは、この問題が解決される可能性があることを示唆しており、 @containerクエリ内の論理的または物理的特性のいずれかを可能にする可能性があります。理想的には、明確にするために論理的な特性のみがサポートされますが、最終決定は差し迫っているように見えます。

注意が必要なもう1つの領域は、 overflow-*プロパティの論理的同等物の欠如です。 overflow-inline （ overflow-xに相当する論理）が存在しますが、ブラウザのサポートは現在Firefoxに限定されています。

これらの矛盾にもかかわらず、多数の論理的特性は、 size 、 position 、 margin 、 padding 、 border 、 alignmentなどの直感的な使用の準備ができています。 border-top-left-radiusのようなプロパティでさえ、論理的なカウンターパート（ border-start-start-radiusなど）があり、 float: inline-end float: right置き換えられます。よりクリーンで直感的なCSS開発の可能性は重要です。

以上が故障したロジックの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。