このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

font-size-adjust:文字の大きさの調整CSS3で追加

記事Apr. 19th,2021
文字の大きさを調整するプロパティ
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

プロパティについて

概要

初期値 font-size-adjust: none;
適用対象 すべての要素
継承 する
パーセント値 パーセント値は指定できません
計算値 指定された値の通り
アニメーション 数値として

font-size-adjust”プロパティはテキストに複数のフォントが混在するときに大文字に対する小文字の大きさの比率を調整するためのプロパティです。

テキストのうち一部の文字でfont-family”プロパティで指定されたフォントが使用できず、代替のフォントが使用される場合にはフォントによって大文字と小文字の大きさの比率が異なるので可読性を損なう可能性がありますが、“font-size-adjust”プロパティでこれを防ぐことができます。

サンプルコード

p { font-size-adjust: 0.9;}

説明
none 文字の大きさを調整しない
<number> 文字の大きさを調整するための比率を指定 (負の値は無効です。)
共通キーワード

font-size-adjust”プロパティで調整された文字の大きさは以下の式によって算出されます。

c = ( a / a' ) * s

s = “font-size”プロパティの値
a = “font-size-adjust”プロパティの値
a' = フォントの本来の大文字と小文字の比率
c = 調整された文字の大きさ

どのフォントに対しても適用されますが、font-family”プロパティで指定された1個目のフォントの比率をもとに計算されます。正しく値が設定された場合“( a / a' ) = 1”となるので1個目のフォントの文字の大きさは調整されません。

font-size-adjust”プロパティはフォントサイズの使用値には影響しますが、計算値には影響しません。なので、line-height”プロパティの使用値には影響しません。

また、フォント相対長で指定された長さに影響する場合があります。emは影響されませんが、exchは“font-size-adjust”プロパティの影響を受けます。

使用例

小文字の大きさを調整しない

p {
font-size-adjust: none;
}

彼女は「春はあけぼの。」と記しているが、これは春は朝が一番良い時間であるということを言っているのである。そして「猫は上のかぎり黒くてことはみな白き」とも記していた。つまり彼女はおなかが白くて背中が黒い猫が好きだったのだ。

She wrote "Spring is dawn". This means that the best time in spring is dawn. And also she wrote "A cat is black on the top, and besides that, all white". This means she likes a black cat with a white belly.

كتبت "الربيع هو الفجر". هذا يعني أن أفضل وقت في الربيع هو الفجر. وكتبت أيضًا "قطة سوداء في الأعلى ، وإلى جانب ذلك ، كلها بيضاء". هذا يعني أنها تحب قطة سوداء ذات بطن أبيض.

小文字の大きさを調整する

p {
font-size-adjust: 0.6;
}

彼女は「春はあけぼの。」と記しているが、これは春は朝が一番良い時間であるということを言っているのである。そして「猫は上のかぎり黒くてことはみな白き」とも記していた。つまり彼女はおなかが白くて背中が黒い猫が好きだったのだ。

She wrote "Spring is dawn". This means that the best time in spring is dawn. And also she wrote "A cat is black on the top, and besides that, all white". This means she likes a black cat with a white belly.

كتبت "الربيع هو الفجر". هذا يعني أن أفضل وقت في الربيع هو الفجر. وكتبت أيضًا "قطة سوداء في الأعلى ، وإلى جانب ذلك ، كلها بيضاء". هذا يعني أنها تحب قطة سوداء ذات بطن أبيض.

一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク