『CSS Secrets』は @Lea Verou による最新の本で、CSS に関する小さな秘密がいくつか説明されています。これは CSSers にとって読む価値のある本です。一定期間読んだ後、私、@全域と @彦子は、関連する読書感想文を W3cplus で公開し、皆さんと共有します。
ドキュメントやチュートリアルなど、コードの多い Web ページには、スタイル設定に関するさらなる課題があります。
要素と <code> 要素は、コード ブロックを表示するために使用されます。次のようなデフォルトのスタイルがあります。デフォルトのタブ幅のコードでは </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code">pre, code { font-family: monospace;}pre { display: block; margin: 1em 0; white-space: pre;}
インデントにタブが使用されるのが好きではありませんか?このトピックは本書の範囲を超えていますが、それについて言及する理由はここで見つけることができます。
解決策
幸いなことに、CSS3 には、これを制御するための新しい CSS プロパティ tab-size があります。引数として数値 (文字) または (まれに) 長さの値を受け入れます。通常、これを 4 (4 文字幅を意味する) または 2 に設定します。これは、インデントを使用する際の最新の傾向であると思われます:
pre { tab-size: 4;}
この属性がサポートされていない場合、追加の効果はありません。デフォルトの非常に醜くて幅の広いインデントが依然として得られますが、これは長年見てきたものと同じです。