最新的Web开发教程

×

JavaScript 参考

JavaScript

JS 字符串 JS 数 JS 运算符 JS 声明 JS 数学 JS 日期 JS 排列 JS 布尔 JS 正则表达式 JS 全局 JS 转变

浏览器 BOM

Window Navigator Screen History Location

HTML DOM

DOM 文件 DOM 元素 DOM 属性 DOM 事件 DOM 样式

HTML 对象

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

其他对象

CSSStyleDeclaration

Style fontVariant Property

例

设定的<p>元件的小型大写字体：

document.getElementById("myP").style.fontVariant = "small-caps";

定义和用法

字体是否应显示在小型大写字母的fontVariant属性设置或返回。

这意味着所有的小写字母将被转换为大写，但相比其余文本的信件将有一个较小的字体大小。

浏览器支持

该fontVariant属性在所有主流浏览器的支持。

句法

返回fontVariant属性：

object .style.fontVariant

设置fontVariant属性：

object .style.fontVariant="normal|small-caps|initial|inherit"

属性值

值	描述
normal	的字体是正常的。这是默认
small-caps	字体显示在小型大写字母
initial	将此属性设置为默认值。阅读关于初始
inherit	继承其父元素此属性。阅读关于继承

技术细节

默认值：	正常
返回值：	一个String，表示正常或小型大写字母的字体
CSS版本	CSS1

更多示例

例

返回的字体变体<p>元素：

alert(document.getElementById("myP").style.fontVariant);

相关页面

CSS教程： CSS字体

CSS参考：字体变形属性

HTML DOM参考： font property