font-style

font-style は、フォントを斜体にしたり傾けるために使います。

名前:font-style
値:normal | italic | oblique | <angle>?
初期値:normal
適用対象:全ての要素
継承:する
パーセンテージ:n/a
メディア:visual（視覚的）
計算値:As specified（指定通り）
正規順序:per grammar（文法ごと）
アニメーション:できない / "from" と "to" の値が "oblique" の場合は<angle>として可能。

※ 水色の文字は草案 [CSS Fonts Module Level 4]（2018/2/26時点）

Value（値）

normal
初期値 標準
italic
イタリック体
oblique
斜体（標準を傾けただけのフォント）

HTML source

<!DOCTYPE html>
<html>
 <head>
  <title></title>
  <style>
   p.test1 { font-style: normal; }
   p.test2 { font-style: italic; }
   p.test3 { font-style: oblique; }
  </style>
 </head>
 <body>
   <p class="test1">normal</p>
   <p class="test2">italic</p>
   <p class="test3">oblique</p>
 </body>
</html>

display

normal

italic

oblique

上に戻る