CSS - font-style 属性_CSS 菜鸟教程

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

可能的值

normal：默认字体样式，文本正常显示，没有任何倾斜或倾斜。
italic：文本以斜体样式显示，略微向右倾斜。
oblique: 文本看起来类似于斜体，但具有更夸张的倾斜度或棱角分明。
oblique <angle>：带有角度的斜文本，用于指定文本的倾斜度。

如果没有可用的倾斜字体，浏览器将按指定角度倾斜文本。
角度的有效值是介于 -90 度和 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;">
	 	 	 The text will be normal.
	 	</p>
	 	<p style = "font-style: italic;">
	 	 	 The text will be italic.
	 	</p>
	 	<p style = "font-style: oblique;">
	 	 	 The text will be obligue.
	 	</p>
	 	<p style = "font-style: oblique 45deg;">
	 	 	 The text will be obligue and slanted 45deg.
	 	</p>
</body>
</html>

<< CSS - font-stretch 属性 CSS - font-synthesis 属性 >>