CSS font-size-adjust 属性

定義と用法

font-size-adjust 属性为某个元素规定一个 aspect 值，这样就可以保持首选字体的 x-height。

説明

フォントの小文字の「x」の高さと「font-size」の高さの比率が、フォントのaspect値と呼ばれます。フォントが高いaspect値を持っている場合、このフォントが非常に小さいサイズに設定されたときに読みやすくなります。例：Verdanaのaspect値は0.58（これはフォントサイズが100pxの場合、そのx-heightが58pxであることを意味します）。Times New Romanのaspect値は0.46です。これは、Verdanaが小さいサイズではTimes New Romanよりも読みやすくなることを意味します。

も参照してください：

CSS 教程：CSS 字体

CSS リファレンスマニュアル：CSS font 属性

HTML DOM リファレンスマニュアル：fontSizeAdjust属性

例

異なるHTML要素のfont-size-adjust属性を設定：

h1
  {
  font-size-adjust:0.58;
  
p
  {
  font-size-adjust:0.60;

自分で試してみる

CSS 文法

font-size-adjust: 数値|none|initial|inherit;

属性値

値 説明
なし デフォルト。このフォントが利用できない場合、このフォントのx-heightは維持されません。
数値

フォントのaspect値比率を定義

使用可能な公式：

優先するフォントのフォントサイズ * （font-size-adjust値 / 利用可能なフォントのaspect値）= 利用可能なフォントに適用されるフォントサイズ

例：

14pxのVerdana（aspect値は0.58）が利用できない場合でも、利用可能なフォントのaspect値が0.46の場合、代替フォントのサイズは14 * (0.58/0.46) = 17.65pxとなります。

技術的な詳細

デフォルト値： なし
継承性： はい
バージョン： CSS2
JavaScript 文法： object.style.fontSizeAdjust="0.70"

TIY 実例

font-size-adjustを使用してフォントサイズを設定
この例では、font-size-adjustを使用してフォントサイズを設定する方法を示します。

ブラウザのサポート

テーブルの数字は、この属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
サポートしていない サポートしていない 3.0 サポートしていない サポートしていない