text-size-adjust

これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。

text-size-adjust プロパティは一部のモバイル端末で使われる、テキストの自動拡大アルゴリズムを制御します。他のブラウザーはこのプロパティを無視します。

/* キーワード値 */
text-size-adjust: none;
text-size-adjust: auto;

/* <percentage> 値 */
text-size-adjust: 80%;

/* グローバル値 */
text-size-adjust: inherit;
text-size-adjust: initial;
text-size-adjust: unset;

モバイル端末のことを考慮していないウェブページは今でも多いため、モバイル端末のブラウザーはデスクトップブラウザーとは異なる表示をすることがあります。例えば端末の画面幅ではなく、800pxや1000pxなどのより広い幅のビューポートでレイアウトを行います。この広いレイアウトを元の機器の大きさに対応させるため、ブラウザーはその一部を表示するか、縮小して表示することになります。

こうして小さい画面に合わせて縮小したテキストはとても小さくなるため、モバイル端末のブラウザーの多くはテキストを拡大して読みやすくします。テキストを含む要素が画面幅の全体を占めている時、レイアウトを変更することなく、読みやすい大きさまで文字サイズが拡大されます。 text-size-adjust プロパティを使うことで、この挙動が不要なページで無効化したり、挙動を変更したりすることができます。

初期値	`auto` for smartphone browsers supporting inflation, `none` in other cases (and then not modifiable).
適用対象	すべての要素
継承	あり
パーセンテージ	yes, refer to the corresponding size of the text font
メディア	視覚
計算値	指定値
アニメーションの種類	個別
正規順序	形式文法で定義される一意のあいまいでない順序

構文

text-size-adjust プロパティは none, auto, <percentage> の何れかで指定します。

値

none: ブラウザーのテキスト自動拡大アルゴリズムを無効化します。WebKit ベースの古いデスクトップブラウザー (Chrome≤26, Safari≤5) ではこの代わりに、ユーザーによるズーム操作を妨げます。
auto: ブラウザーのテキスト自動拡大アルゴリズムを有効化します。この値は CSS で設定した none 値を取り消すのに使います。
<percentage>: ブラウザーのテキスト自動拡大アルゴリズムを有効化し、パーセント値で文字サイズの倍率を指定します。

形式文法

none | auto | <percentage>

仕様書

仕様書	策定状況	コメント
CSS Mobile Text Size Adjustment Module Level 1 text-size-adjust の定義	編集者草案	初回定義

ブラウザーの対応

Update compatibility data on GitHub

	デスクトップ						モバイル
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Android 版 Chrome	Android 版 Firefox	Android 版 Opera	iOSのSafari	Samsung Internet
`text-size-adjust` 実験的	Chrome 完全対応 54 完全対応 54 未対応なし接頭辞付き補足接頭辞付き -webkit- のベンダー接頭辞が必要補足 Instead of ignoring the `-webkit-text-size-adjust` property, a bug prevents desktop Chrome users from zooming in or out. The bug was fixed after Chrome 26.	Edge 完全対応 12 接頭辞付き完全対応 12 接頭辞付き接頭辞付き -webkit- のベンダー接頭辞が必要	Firefox 未対応なし	IE 未対応なし	Opera 完全対応 41	Safari 未対応なし未対応なし未対応なし接頭辞付き補足接頭辞付き -webkit- のベンダー接頭辞が必要補足 Instead of ignoring the `-webkit-text-size-adjust` property, a bug prevents desktop Safari users from zooming in or out. The bug was fixed after Safari 5.	WebView Android 完全対応 54	Chrome Android 完全対応 54	Firefox Android 完全対応 14 接頭辞付き完全対応 14 接頭辞付き接頭辞付き -moz- のベンダー接頭辞が必要完全対応 49 接頭辞付き接頭辞付き -webkit- のベンダー接頭辞が必要完全対応 44 接頭辞付き無効接頭辞付き -webkit- のベンダー接頭辞が必要無効 From version 44: this feature is behind the `layout.css.prefixes.webkit` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	Opera Android 完全対応 41	Safari iOS 完全対応 1 接頭辞付き完全対応 1 接頭辞付き接頭辞付き -webkit- のベンダー接頭辞が必要	Samsung Internet Android 完全対応 6.0
`<percentage>` 実験的	Chrome 完全対応 54	Edge 完全対応 12	Firefox 未対応なし	IE 未対応なし	Opera 完全対応 41	Safari 未対応なし	WebView Android 完全対応 54	Chrome Android 完全対応 54	Firefox Android 未対応なし	Opera Android 完全対応 41	Safari iOS 未対応なし	Samsung Internet Android 完全対応あり

凡例

完全対応: 完全対応
未対応: 未対応
実験的。動作が変更される可能性があります。: 実験的。動作が変更される可能性があります。
実装ノートを参照してください。: 実装ノートを参照してください。
ユーザーが明示的にこの機能を有効にしなければなりません。: ユーザーが明示的にこの機能を有効にしなければなりません。
使用するには、ベンダー接頭辞または異なる名前が必要です。: 使用するには、ベンダー接頭辞または異なる名前が必要です。

text-size-adjust

構文

値

形式文法

仕様書

ブラウザーの対応

凡例

関連情報

ウェブ開発のベストプラクティスを学ぶ