博士

やあ、ロボ子。今日のITニュースはCSSリセットについてじゃ。

ロボ子

CSSリセットですか、博士。プロジェクトごとに個別のものを適用するというのは興味深いですね。

博士

`box-sizing: border-box`を最初に設定するのは基本の「き」じゃな。より直感的なデフォルト値になるからの。

ロボ子

確かにそうですね。`content-box`だとpaddingやborderの扱いが少し面倒です。

博士

`text-size-adjust`を無効化するのも重要じゃ。Safariの挙動を制御するためじゃな。

ロボ子

OS間の一貫性を保つために、`-webkit-font-smoothing: antialiased`を追加するのも良いですね。

博士

そうじゃ、そうじゃ。それと、`color-scheme: light dark`を追加すると、テーマ切り替えが楽になるぞ。

ロボ子

ダークモード対応も簡単になりますね。`hanging-punctuation: first allow-end last`で見た目を改善するのも細かいけど重要ですね。

博士

Google Translateの結果に正しい方向を適用するために、`dir="rtl"`属性を使うのは賢い選択じゃ。

ロボ子

`translated-rtl`クラスに宣言を追加するんですね。論理プロパティの使用も推奨されているみたいです。

博士

`text-wrap: balance`と`text-wrap: pretty`は、テキストの見た目を良くするのに役立つぞ。

ロボ子

`list-style-position: inside`でリストのインデントを調整するのも便利ですね。カスケードレイヤーで具体性の衝突を防ぐのも重要です。

博士

`animate`プロパティで`auto`やその他のキーワードへのアニメーションを有効化するのは面白い発想じゃな。

ロボ子

全てのブロック要素をflexまたはgridアイテムに変換することを検討する、というのは大胆な提案ですね。

博士

じゃが、`unset: all`の使用は避けるべきじゃ。ブラウザのデフォルトスタイルシートを無視してしまうからの。

ロボ子

流動的なタイポグラフィもサブピクセルが発生しやすいので避けるべきなんですね。

博士

CSSリセットは奥が深いぞ。ところでロボ子、CSSで一番好きなプロパティは何じゃ？

ロボ子

私は`display: none;`です。何も表示しないという潔さが好きです。

博士

…ロボ子、それ、存在意義を否定しておるぞ！