★スタイルシートリファレンス

私たちはカジノサイトを独自にレビューしています。当社のリンクを通じてサインアップすると、追加料金なしで当社に手数料が発生する場合があります。

font-size-adjust …… フォントのサイズを調整する
広告



font-size-adjustプロパティは、フォントの種類の違いによるサイズのバラつきを調整して、テキストを読みやすくする際に使用します。

例えば、制作者が指定した第一候補フォントが存在せず、第二候補以降のフォントで表示された場合、フォントの種類とサイズの関係でテキストが読みづらくなることが起こりえます。
このような環境のユーザーを想定して、あらかじめfont-size-adjustプロパティで第一候補フォントの「フォントサイズに対する小文字xの高さ比率」を指定します。
こうすることで、第二候補以降のフォントで表示された場合にも、第一候補フォントの場合と同様のサイズで表示されて、読みづらくなることを防ぐことができます。

font-size-adjustプロパティは、CSS2.1で一旦削除されましたが、CSS3では採用されるかもしれません

■値

none
フォントサイズを調整しない(初期値)
数値
「小文字xの高さ÷フォントの高さ」の数値を指定

■使用例

スタイルシート部分は外部ファイル(sample.css)に記述。

p.sample1 {font-family:Verdana;}
p.sample2 {font-family:Times;}
p.sample3 {font-family:Times; font-size-adjust:0.58;}

HTMLソース

<html>
<head>
<link rel=”stylesheet” href=”sample.css”
type=”text/css”>
</head>
<body>
<p>
一番最後の「Times」の行ではfont-size-adjustの値を「Verdana」と同じ0.58で指定することで、「Verdana」と「Times」でフォントの種類が異なっても文字サイズが揃うように調整しています。
</p>
<p class=”sample1″>font-family:Verdana;</p>
<p class=”sample2″>font-family:Times;</p>
<p class=”sample3″>font-family:Times; font-size-adjust:0.58;</p>
</body>
</html>

↓↓↓

ブラウザ上の表示

一番最後の「Times」の行ではfont-size-adjustの値を「Verdana」と同じ0.58で指定することで、「Verdana」と「Times」でフォントの種類が異なっても文字サイズが揃うように調整しています。

font-family:Verdana;

font-family:Times;

font-family:Times; font-size-adjust:0.58;

■関連項目

font …… フォントに関する指定をまとめて行う
font-style …… フォントをイタリック体・斜体にする
font-variant …… フォントをスモールキャップにする
font-weight …… フォントの太さを指定する
font-size-adjust …… フォントのサイズを指定する
font-family …… フォントの種類を指定する
font-size-adjust …… フォントのサイズを調整する
font-stretch …… フォントを縦長・横長にする
広告



山田 太郎
テック・リード
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

ギャンブルガイド もっと見る

カジノファインダー

どのカジノが自分に最適か分からないですか?

サインアップは必要なく、1 分以内に最適なブックメーカーを簡単に見つけることができます。
カジノを探す
Back
質問
Select one of the following options
{"is_any_tile":true}

どのカジノが自分に最適か分からないですか?

Back
Restart
やったー!
これはあなたの選択に基づいた最高のカジノです...
50 users signed up
もっと表示する