font-style プロパティ
font-style プロパティは、フォントのitalic、斜体といったフォントスタイルを指定する CSS のプロパティです。
font-style: italic;
太字は、CSSでfont-weight:bold;を指定します。
取り消し線は、<del>エレメントを使うか、CSSでtext-decoration:line-through;を指定しましょう。
2重取り消し線は擬似エレメントを使います。
ページ内 Index
- ad -
構文(Syntax)
CSS
font-style: normal | italic | oblique | initial | inherit ;
DOM ( JavaScript )
String = object.style.fontStyle;
object.style.fontStyle=" normal | italic | oblique | initial | inherit ";
値(Values)
Value | 摘要 |
---|---|
normal | 初期値(default値)、標準フォント |
italic | イタリックフォント |
oblique | 斜体フォント |
initial | 初期値に戻す |
inherit | 親エレメントのプロパティを継承 |
備考(Remarks)
初期値(Default value) | normal |
継承(Inherited) | Yes |
CSS Animation | No |
Example
font-styleの例です。font-styleには標準、イタリック、斜体フォントがあります。
ここでは、各々を表示して比較しています。
- ad -
関連する CSS プロパティ
関連するプロパティに以下があります。
font | fontに関するプロパティの一括指定 |
font-variant | スモールキャップの有無 |
font-variant-caps | スモールキャップの有無 |
font-weight | 太さ |
font-size> | 大きさ |
font-family | フォントファミリ |
テキストに関するプロパティには以下があります。
プロパティ | 概要 |
---|---|
line-height | 行間 |
text-align、vertical-align | テキストの配置操作 |
background{ linear-gradient() } | マーカーでラインを引いたような装飾 |