font-size-adjust CSS プロパティとは
トピック：大文字の高さではなく、小文字の高さに基づいてフォントサイズを選択するように指定する 事ができる
プロパティ font-size-adjust
実例 コード 1
サンプル コードを試すp {font-family: "DejaVu Sans", Arial, sans-serif;font-size-adjust: 0.6;}
使用上の注意：- 指定したフォントファミリの最初の選択肢が利用できないときに、フォントフォールバックが発生するとフォントサイズが大きくなるか小さくなる可能性がある
font-size-adjustプロパティは、このような状況でのテキストの可読性を保持する方法です。 これは、使用されるフォントに関係なくx-heightが同じになるようにfont-sizeを調整することで行う
プロパティ 定義と使用法
| デフォルト値・初期値 : | none |
|---|
| 適用対象 : | 全要素.::first-letter and ::first-line. |
|---|
| 継承 : | 継承する |
|---|
| メディア : | visual |
|---|
| 計算値 : | 指定値 |
|---|
CSS Version | CSS3 |
|---|
| Animation type : | number |
|---|
| JavaScript 構文 | object.style.fontSizeAdjust="funWebref" |
|---|
| 正規順序 : | 形式文法で定義される一意のあいまいでない順序 |
|---|
| CSSの構文 | font-size-adjust: number |none |initial |inherit; |
|---|
プロパティ値
| 値 | 説明 |
|---|
number | 調整されたフォントサイズを計算するために使用されるアスペクト値を指定する |
none | フォントサイズの調整はありません。font-sizeプロパティのみに基づいてフォントのサイズを選択する これはデフォルト値です。 |
initial | このプロパティをデフォルト値に設定する |
inherit | 親要素からこのプロパティを継承する |
サポートするデスクトップ ブラウザ対応・互換性
| 機能 | Chrome | Firefox | Internet Explorer | Opera | Safari (WebKit) |
|---|
| 基本サポート | 44.0 | 1.0 (1.7 or earlier)[1]
3.0 (1.9) | 未サポート | 未サポート | 未サポート |
|---|
サポートするモバイル ブラウザ対応・互換性
| 機能 | Android | Firefox Mobile | IE Phone | Opera Mobile | Safari Mobile | Chrome for Android |
|---|
| 基本サポート | 不明 | 1.0 (1.9.2) | 不明 | 不明 | 不明 | 42.0 |
|---|
CSS font-size-adjust | CSS プロパティ 値| 意味 使い方 実例 – WebRef