最新のWeb開発のチュートリアル
 

Style lineHeight Property

<スタイルオブジェクト

以下のための行の高さを設定し<div>要素:

document.getElementById("myDiv").style.lineHeight = "3";
»それを自分で試してみてください

定義と使用法

lineHeightプロパティセットまたはテキストのライン間の距離を返します。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


構文

lineHeightプロパティを返します:

object .style.lineHeight

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

object .style.lineHeight="normal| プロパティ値
説明
normal 法線高さが使用されています。 これがデフォルトです
number 現在のフォントサイズで乗算される数は、行の高さを設定します
length 長さの単位で行の高さを定義します
% 現在のフォントサイズの%で行の高さを定義します
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: ノーマル
戻り値: テキストのライン間の距離を表す文字列、
CSSのバージョン CSS1

その他の例

行の高さを返します<div>要素を:

alert(document.getElementById("myDiv").style.lineHeight);
»それを自分で試してみてください

関連ページ

CSSチュートリアル: CSSテキスト

CSSリファレンス: line-height property


<スタイルオブジェクト