English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSSリファレンスマニュアル

CSS@ルール(RULES)

CSS属性全書

CSS3 font-size-adjust 属性の使用方法及び例

font-size-adjust CSS属性は、小文字の高さではなく大文字の高さに基づいてフォントサイズを選択するように指定されます。

font-family作者が指定したオプションが利用できない場合、フォントリセットが発生し、フォントサイズが大きくなったり小さくなったりすることがあります。font-size-adjust属性は、テキストの可読性を維持するための方法です。これは、どんなフォントを使用しても、字体サイズを調整することで実現されます。x-heightすべて同じです。

以下の表は、この属性の使用方法、バージョン履歴、およびjavascriptスクリプトでの使用シンタックスについて説明しています。

デフォルト値:none
適用されます:
すべての要素。::firstにも適用されます。-letterと::first-line。
継承:
アニメーション可能:は。以下を参照してください: アニメーション属性
バージョン: CSS3の新機能
JavaScriptの構文:object.style.fontSizeAdjust="0.58"

font-size-adjustの使用構文

この属性の構文は以下の通りです:

font-size-adjust: number | none | initial | inherit

以下の例では、font-size-adjust属性。

p {
    font-family: "DejaVu Sans", Arial, sans-serif;
    font-size-adjust: 0.6;
}
テストをしてみる‹/›

属性値

以下のテーブルはこの属性の値を説明しています。

説明
numberフォントの aspect 値比率を定義します。使用できる公式: * (font-size-adjustの値 / 利用可能なフォントの aspect 値)= 利用可能なフォントのフォントサイズに適用可能なフォントサイズの例: 14pxのVerdana(aspect 値は 0.で、58)利用できませんが、利用可能なフォントの aspect 値は 0.です。46、その場合、フォントのサイズは以下の通りになります 14 * (0.58/0.46) = 17.65px。
noneこれはデフォルト値です。フォントのサイズは調整されません。以下に基づいてのみ、font-size属性の値を選択してフォントのサイズを設定します。
initialこの属性をデフォルト値に設定します。
inherit指定された場合、関連する要素は親要素のfont-size-adjustの属性値。

ブラウザの互換性

font-size-adjustこの属性は多くのブラウザでサポートされていません。

  • Firefox 3+

  • Google Chrome×

  • Internet Explorer ×

  • Apple Safari ×

  • Opera ×

警告:font-size-警告:adjustこの属性は多くのブラウザでサポートされていません。この属性の使用は避けることをお勧めします。

さらに詳しく

以下のチュートリアルを参照してください:CSSのフォントCSSの単位CSSの仮想要素

関連属性と規則:fontfont-familyfont-sizefont-stretchfont-stylefont-variantfont-weight@font-face