css font-style属性指定文本的字体样式

原创 国哥笔记  2019-02-09 20:06  阅读 429 views 次

font-style属性定义及用法

在css中,font-style属性是使用来设置文本的字体样式。目前所有的主流浏览器都支持了该属性;

font-style属性设置使用斜体、倾斜或正常字体。斜体字体通常定义为字体系列中的一个单独的字体。理论上讲,用户代理可以根据正常字体计算一个斜体字体。

font-style属性语法格式

  1. css语法:font-style:normal/italic/oblique/inherit;
  2. JavaScript语法:object.style.fontStyle="italic";

font-style属性值说明

  • normal:默认值,浏览器显示一个标准的字体样式;
  • italic :浏览器会显示一个斜体的字体样式;
  • oblique:浏览器会显示一个倾斜的字体样式;
  • inherit:规定应该从父元素继承字体样式;
任何的版本的Internet Explorer(包括IE8)都不支持属性值"inherit"。

实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css font-style属性指定文本的字体样式</title>
<style type="text/css">
#normal {font-style:normal;}
#italic {font-style:italic;}
#oblique {font-style:oblique;}
</style>
</head>
<body>
<p id="normal">font-style:normal;正常字体</p>
<p id="italic">font-style:italic;斜体</p>
<p id="oblique">font-style:oblique;斜体</p>
</body>
</html>

运行结果:

css font-style属性指定文本的字体样式

 

更多css属性请移步到——>css属性大全

本文地址:https://www.ggbiji.com/css-font-style.html
版权声明:本文为 国哥笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情