説明
動作確認環境:Python3.6 / macOS 10.13.6
font-styleプロパティ
font-styleプロパティを使うと、文字のスタイル(傾きの有無)を指定出来る。
font-style: 値;
値は、キーワードで指定
標準は、normal
イタリック体は、italic
斜体は、oblique
フォントにイタリック体や斜体がない場合
ブラウザが標準フォントを斜めに傾けて表示する
(無視される場合もある)
一般的には、英字フォントではitalicはあるが
日本語フォントではない場合が多い。
使用例
例1 様々なスタイルの指定(ゴシックの例)
それぞれの要素にいろいろなスタイルを指定
フォントはスタイルの感じがわかりやすいようにゴシックに統一
html
<body> <p class="sample01">sample01はnormal</p> <p class="sample02">sample02はitalic</p> <p class="sample03">sample03はoblique</p> </body>
CSS
P.sample01 { font-style: normal; } P.sample02 { font-style: italic; } P.sample03 { font-style: oblique; } * {font-family: "ヒラギノ角ゴシック" ; } * {font-size: 20px ; }
表示
例2 様々なスタイルの指定(明朝の例)
それぞれの要素にいろいろなスタイルを指定
フォントはスタイルの感じがわかりやすいように明朝に統一
html
<body> <p class="sample01">sample01はnormal</p> <p class="sample02">sample02はitalic</p> <p class="sample03">sample03はoblique</p> </body>
CSS
P.sample01 { font-style: normal; } P.sample02 { font-style: italic; } P.sample03 { font-style: oblique; } * {font-family: "ヒラギノ明朝 ProN" ; } * {font-size: 20px ; }
表示