Latest web development tutorials

×

×

×

×

JavaScript & HTML DOM Reference Manual

Overview

JavaScript Object

JavaScript Array Object JavaScript Boolean Object JavaScript Date Object JavaScript Math Object JavaScript Number Object JavaScript String Object JavaScript RegExp Object JavaScript Global properties / functions JavaScript Operator

Browser Object

Window Object Navigator Object Screen Object History Object Location Object

DOM Object

HTML DOM Document Object HTML DOM Element object HTML DOM Attribute object HTML DOM Event object

HTML Object

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <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> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

HTML DOM Style fontStyle property

Previous: HTML DOM Style fontSizeAdjust property

Next: HTML DOM Style fontVariant property

Style Object Reference

Definition and Usage

fontStyle property sets or returns whether the font style is normal (normal), italic (italic) or oblique (inclined).

grammar

Setting fontStyle properties:

Object.style.fontStyle="normal|italic|oblique|inherit"

Back fontStyle properties:

Object.style.fontStyle

值	描述
normal	默认。字体是 normal（正常的）。
italic	字体是 italic（斜体）。
oblique	字体是 oblique（倾斜的）。
inherit	fontStyle 属性的值从父元素继承。

Browser Support

All major browsers support fontStyle property.

Note: IE7 and earlier versions do not support the "inherit" value.IE8 only provides! DOCTYPE supported "inherit". IE9 support "inherit".

Examples

Examples

Change the font to italic:

function displayResult(){
document.getElementById("p1").style.fontStyle="italic";
}

Style Object Reference

Previous: HTML DOM Style fontSizeAdjust property

Next: HTML DOM Style fontVariant property