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

font-synthesis-style”プロパティ:斜体の生成CSS3で追加

記事Mar. 25th,2020
フォントに斜体がない場合に合成して良いかを指定するプロパティ
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

プロパティについて

概要

初期値 font-synthesis-style: auto;
適用対象 すべての要素
継承 Yes
パーセント値 パーセント値は指定できません
計算値 指定されたキーワード
アニメーション 離散

font-synthesis-style”プロパティはテキストを表示するために使用するフォントにイタリック体や斜体がない場合にユーザー・エージェントが斜体を合成しても良いかどうかを指定するプロパティです。

選択したフォントのバリエーションとしてイタリック体や斜体が用意されていない場合、既定ではユーザー・エージェント(ブラウザなど)が通常の書体を傾斜させて斜体を生成して代用します。

サンプルコード

p { font-synthesis-style: none;}

説明
auto 斜体の合成を許可する
none 斜体の合成を許可しない
共通キーワード

仕様書

定義されている仕様書
Level 1 Level 2 Level 3 Level 4
勧告(REC) 勧告(REC) 勧告(REC) 作業草稿(WD)
font-synthesis-style
定義なし

定義なし

定義なし

定義あり
Level 1 Level 2 Level 3 Level 4
勧告(REC) 勧告(REC) 勧告(REC) 作業草稿(WD)
auto
定義なし

定義なし

定義なし

定義あり
none
定義なし

定義なし

定義なし

定義あり

使用例

斜体の合成を許可する

<p>
ナギコは「<span>猫は上のかぎり黒くてことはみな白き</span>」とも記していた。つまり彼女はおなかが白くて背中が黒い猫が一番良いと言っているのだ。これに対してAngelinaは「<span>The Calico cat is the ultimate type of cat</span>」だと言った。それにعَاتِكَةは「<span>أنا أحب القطط البيضاء أكثر من غيرها</span>」だと言う。しかし私は1000年以上も前にナギコが書き残した意見に賛同したい。
</p>
span {
font-style: oblique;
font-synthesis-style: auto;
}

ナギコは「猫は上のかぎり黒くてことはみな白き」とも記していた。つまり彼女はおなかが白くて背中が黒い猫が一番良いと言っているのだ。これに対してAngelinaは「The Calico cat is the ultimate type of cat」だと言った。それにعَاتِكَةは「أنا أحب القطط البيضاء أكثر من غيرها」だと言う。しかし私は1000年以上も前にナギコが書き残した意見に賛同したい。

斜体の合成を許可しない

<p>
ナギコは「<span>猫は上のかぎり黒くてことはみな白き</span>」とも記していた。つまり彼女はおなかが白くて背中が黒い猫が一番良いと言っているのだ。これに対してAngelinaは「<span>The Calico cat is the ultimate type of cat</span>」だと言った。それにعَاتِكَةは「<span>أنا أحب القطط البيضاء أكثر من غيرها</span>」だと言う。しかし私は1000年以上も前にナギコが書き残した意見に賛同したい。
</p>
span {
font-style: oblique;
font-synthesis-style: none;
}

ナギコは「猫は上のかぎり黒くてことはみな白き」とも記していた。つまり彼女はおなかが白くて背中が黒い猫が一番良いと言っているのだ。これに対してAngelinaは「The Calico cat is the ultimate type of cat」だと言った。それにعَاتِكَةは「أنا أحب القطط البيضاء أكثر من غيرها」だと言う。しかし私は1000年以上も前にナギコが書き残した意見に賛同したい。

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