CSS 属性

CSS font-style用于更改文本的外观或样式。 font-style 属性用于指定所选文本的字体样式。

属性值

  • normal:默认字体样式，其中文本正常显示，没有任何倾斜或倾斜。

  • italic:文本以斜体样式显示，稍微向右倾斜。

  • oblique:文本看起来与斜体类似，但具有更夸张的倾斜或角度。

  • oblique <angle>:倾斜文本，带有指定倾斜度的角度的文本。

    • 如果没有可用的倾斜字体，浏览器会将文本倾斜指定的角度。

    • 角度的有效值为度数介于 -90 度到 90 度（含）之间。

    • 如果未指定角度，浏览器将设置 14 度。

    • 正角度值使文本向行尾倾斜。

    • 负角度值使文本向开头倾斜。

    • 更大首选角度值。

适用范围

所有 HTML 元素

DOM 语法

object.style.fontStyle = "italic";

CSS font-style: 基本示例

这里是一个示例:

<html>
<head>
<style>
   p {
      padding: 5px;
      border: 2px solid blue;
   }
</style>
</head>
<body>
   <h2>Font-style</h2>
   <p style = "font-style: normal;">
      文本将正常显示。
   </p>
   <p style = "font-style: italic;">
     文本将为斜体显示。
   </p>
   <p style = "font-style: oblique;">
      文本将倾斜显示。
   </p>
   <p style = "font-style: oblique 45deg;">
      文本将倾斜并倾斜 45 度。
   </p>
</body>
</html>