img要素やhr要素、テキストなどをHTMLは変更せずに、スタイルシートで画像に置換するテクニックを紹介します。 img要素で配置した画像を別の画像に、hr要素を画像の区切りに、見出しなどのテキストを見出し画像に変更できます。 HTMLはこんな感じです。

CSSのbox-sizingでは、要素の幅と高さに「paddingとborderを含めるかどうか」を指定します。 初期値はcontent-boxであり、このままでは「含まない」という指定になります。 含まない場合、要素の幅を100%にしたときなどに、paddingとborderの分だけ外側にはみ出るよう ...

クリックすると、答えが表示されます。 244pxです。 .box要素はwidth: 100%;です。親要素の幅は200pxなので、この100%は200pxになり ...

This doesn't impact anything except the SVG icons on the federated login in buttons. That box-sizing directive causes those SVG images to end up at 4x4px instead of 28x28 like they are suppose to be.

**`box-sizing`** は [CSS](/ja/docs/Web/CSS) のプロパティで、要素の全体の幅と高さをどのように計算するのかを設定します ...

今回は私が普段使用している、destyle.cssというリセットCSSを題材に、「なぜリセットが必要なの？」「どんなことをしているの？」という点を初学者の方にもわかりやすく解説していきます。 CSSを扱う上で「リセットCSS」はほぼ必須アイテムといっても過言 ...