font-style CSS プロパティとは
トピック：要素のテキストコンテンツのフォントスタイルを定義する、事ができる
プロパティ font-style
実例 コード 1
3つの段落に異なるフォントスタイルを設定する：サンプル コードを試すp.webref1 {
font-style: normal;
}
p.webref2 {
font-style: italic;
}
p.webref3 {
font-style: oblique;
}
プロパティ 定義と使用法
| デフォルト値・初期値 : | normal |
|---|
| 適用対象 : | 全要素。 ::first-letter and ::first-line にも適用される |
|---|
| 継承 : | 継承する |
|---|
| メディア : | visual |
|---|
| 計算値 : | 指定値 |
|---|
CSS Version | CSS1 ～ |
|---|
| アニメーションの種類 : | 個別 |
|---|
| JavaScript 構文 | object.style.fontStyle="funWebref" |
|---|
| 正規順序 : | 形式文法で定義される一意のあいまいでない順序 |
|---|
| CSSの構文 | font-style: normal |italic |oblique |initial |inherit; |
|---|
プロパティ値
| 値 | 説明 |
|---|
normal | ブラウザは通常のフォントスタイルを表示する これはデフォルトです |
italic | ブラウザはイタリック体のフォントスタイルを表示します |
oblique | ブラウザは斜めのフォントスタイルを表示します |
initial | このプロパティをデフォルト値に設定する |
inherit | 親要素からこのプロパティを継承する |
情報：- CSS の
font-style プロパティは、フォントが font-family の中で通常体 (normal)、筆記体 (italic)、斜体 (oblique) のどれでスタイル付けするかを指定する ことができる。
サポートするデスクトップ ブラウザ対応・互換性
| Property | Desktop 互換性 |
|---|
| font-style | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|
| 基本 サポート | フルサポート◯1 | フルサポート◯12 | フルサポート◯1 | フルサポート◯4 | フルサポート◯7 | フルサポート◯1 |
|---|
obliqueを受け入れることができる <angle> | サポートなし✖ | 不明 | フルサポート◯61 | サポートなし✖ | 不明 | 不明 |
|---|
サポートするモバイル ブラウザ対応・互換性
| Property | Mobile 互換性 |
|---|
| font-style | Android | Chrome for Android
| Edge Mobile | Firefox for Android
| Opera for Android
| iOS Safari | Samsung Internet |
|---|
| 基本 サポート | フルサポート◯1 | フルサポート◯1 | フルサポート◯12 | フルサポート◯4 | フルサポート◯6 | フルサポート◯1 | フルサポート◯あり |
|---|
obliqueを受け入れることができる <angle> | 不明 | サポートなし✖ | 不明 | フルサポート◯61 | 不明 | 不明 | 不明 |
|---|
CSS font-style | CSS プロパティ 値| 意味 使い方 実例 – WebRef