ガター-背景またはボーダーのある列のパディングとマージン
列（またはボックス、または任意のレイアウトモジュール）に独自の背景または境界があるために形状がはっきりと見える場合に、樋に推奨される設計ガイドラインは何ですか？ 通常、ボックスの端とテキストの間にスペースを入れます。しかし、この空間をどこから想起させるのでしょうか？ボックスを拡張し、またはテキストを縮小？ 説明のために、ここにいくつかの（すべてではない）オプションがあります... （また、任意の数の列と任意の幅のグリッドを使用することもできます-これは例としてのみ機能します-実際の質問は、レイアウトが溝をまたぐたびに尋ねられる可能性があります。） 私はグリッドベースのレイアウトについて山積みにしてきましたが、これまでのところ、この問題に対処する1つだけを見てきました。KhoiVinhによるNudge Your Elementsです。 何が欠けていますか？それとも、明確なガイドラインがないだけですか？ グリッドベースのレイアウトの動機の1つはグローバルな配置の感覚を高めることなので、決定はより多くの配置を要求するものに依存すると主張することができると思います。ボックス、またはその内容？ 私が誤解していない限り、Khoi Vinhは彼の記事でオプション3について主張しています。 オプション3とオプション6の間を行き来しているのがわかります。オプション3を使用すると、ボックスが整列しますが、テキストが窮屈に感じられます。しかし、オプション6を使用すると、ボックスもテキストも配置されなくなります（text-edgeとbox-borderの間の暗黙の真ん中が現在配置されている「もの」です）。 ウェブの枠を超えて、本のデザインやページ作成の規範に関する私の読書は、この問題についても触れていません。「クリアな背景に黒い文字」の本の印刷の大部分でキヤノンがどのように機能するかを確認できますが、ページレイアウトに色を追加する（または白黒のスキームを反転させる）と、溝の質問が返ってきます。 うーん、私は質問だと思います。私が図解したオプションを選択するためのガイドラインはありますか、それともデザイナーの法律を超えて冒険したことがありますか？