最新の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 fontSize Property

<スタイルオブジェクト

例

フォントサイズを設定します<p>の要素"xx-large" ：

document.getElementById("myP").style.fontSize = "xx-large";

»それを自分で試してみてください

定義と使用法

fontSizeプロパティセットやテキストのフォントサイズを返します。

ブラウザのサポート

fontSizeプロパティは、すべての主要なブラウザでサポートされています。

構文

fontSizeプロパティを返します：

object .style.fontSize

fontSizeプロパティを設定します。

object .style.fontSize=" プロパティ値

値	説明
xx-small x-small small medium large x-large xx-large	フォントのサイズは、XX-XX小から大へ、異なる固定サイズに設定します
smaller	1回の相対単位でフォントサイズを減少させます
larger	1回の相対単位でフォントサイズを増加させます
length	長さの単位でフォントサイズを定義します
%	フォントサイズは親要素のフォントサイズの％に設定します。
initial	このプロパティがデフォルト値に設定します。最初の記事を読みます
inherit	その親要素からこのプロパティを継承します。継承についての記事を読みます

技術的な詳細

デフォルト値：	中
戻り値：	要素内のテキストのフォントサイズを表す文字列、
CSSのバージョン	CSS1

その他の例

例

可能な値のデモ：

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontSize = listValue;

»それを自分で試してみてください

例

フォントサイズを返します<p>要素を：

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

»それを自分で試してみてください

関連ページ

CSSチュートリアル： CSSフォント

CSSリファレンス： font-size property

HTML DOMリファレンス： font property

<スタイルオブジェクト