`font-family: inherit;`というCSSプロパティは、要素がその親要素から`font-family`の値を継承するように指定します。これは、特定の要素に対してフォントファミリーを明示的に設定しない場合に便利です。 CSSでは、多くのプロパティはデフォルトで親からの値を ...

iOS, Android, macOS, Windows, Linuxの各最新OSにデフォルトでインストールされているフォントをCSSで使用するときに、font-familyにどのように定義するとよいのかが分かるModern Font Stacksを紹介します。 日本語フォントには残念ながら対応していませんが、英語フォント ...

CSSにおいて、レスポンシブ対応って本当に大変です。各種デバイスの画面サイズに合わせてブレイクポイントをいくつか設けて、レイアウト調整をしていきますが、同じブレイクポイントの中でも画面サイズによって意図しないレイアウトになったり、崩れ ...

Webデザインには、あなたの知らない「落とし穴」がたくさん。大きなものから小さなものまで、それが及ぼす影響はさまざまだ。カンペキだと思っているあなたのサイトも、実はすでに暗い穴の中かも・・・。 CSSや＜font＞タグを使用して文字のスタイルを ...

今年もCSSはどんどん進化しそうですね！ 1/24にリリースされたChrome 121に追加された、CSSの新しい機能6つを紹介します。スクロールバーのスタイル、スペルミスや文法的に正しくないテキストをハイライトする疑似要素、SVGのCSSマスキングなど、これからのWeb ...

CSSの初学者が最初につまづくのが「継承」ではないでしょうか。無駄なコードや無効なコードを書かないように、CSSの継承をしっかり理解しましょう。 両親の背が高ければ子どもも背が高くなるという具合に、「継承」は現実の世界でも見られます。

Webコンテンツを作成するにはHTMLの他にCSSの理解が必須となっています。CSSを使えばページのスタイルを効率的に変更することが可能です。 本リファレンスでは，主なCSSの項目について説明しています。また，説明の中ではサンプルとしてCSS，HTMLのソースに ...

The main use case for font-synthesis-style: none is to be used in conjunction with font-style: italic, when the author does not want to get a oblique font as a fallback. However, while it generally ...

こんにちは！ サイボウズ フロントエンドエキスパートチームの麦島です。 今回取り上げるCSSの機能はScoped Stylesです。 Scoped Stylesは@scope At-Rulesを用いて、CSSの適用範囲を従来よりも細かく絞り込んで制御するための機能です。CSSではカスケードの都合上 ...