最新的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