2021/2/18 HTML&CSS辞典をオープンしました! コンテンツは随時更新します!

[CSS] font-size-adjustプロパティで小文字の高さに基づいたフォントサイズの選択を指定しよう!

font-size-adjustの評価
頻出度
(1.0)
重要度
(1.0)
総合評価
(1.0)




1.font-size-adjustとは?

font-size-adjustプロパティは小文字の高さに基づいたフォントサイズの選択を指定します。

フォントサイズに対する小文字のxの高さ比率を指定することで複数のフォントが混在した場合でも文字サイズがそろって読みやすくなります。

値の指定方法は以下の通りです。

{ font-size-adjust: サイズ; }

値の指定方法

  • none
  • 数値




2.font-size-adjustの使い方

それではfont-size-adjustの使い方をみていきましょう。

p {
 font-size: 50px;
 font-size-adjust: 0.5;
}

上記の例ではp要素内のフォントサイズが50pxでのxの高さの0.5倍になるように調整されます。

※上記では計算がわかりやすいようにpx単位で指定しています。

他にも値を設定できるのでいろいろと試してみることをお勧めします!




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です