line-height

'line-height' 特性 (CSS)

[1] line-height:normal; [Word 10] (名無しさん [sage])

[2] 10845AD

(名無しさん 2005-08-03 12:07:48 +00:00)

[3] line-height単位無しの数値を指定してはいけないという人がいますが、そんなことはありません。 他の多くの特性では無単位の値は認められていませんが、 line-height では認められています。 (名無しさん [sage])

[4] Unitless line-height bug in Mozilla and Firefox | 456 Berea Street http://www.456bereastreet.com/archive/200608/unitless_lineheight_bug_in_mozilla_and_firefox/ (名無しさん 2006-08-30 23:28:52 +00:00)

[6] body要素にline-heightを指定するのが駄目な理由について教えてほしい (2007-02-05 04:46:54 +09:00 版) http://d.hatena.ne.jp/quaa/20070205#p1 (名無しさん 2007-02-04 23:55:38 +00:00)

[7] line-height に単位ありの指定は駄目? | WWW WATCH (2007-02-24 02:14:03 +09:00 版) http://hyper-text.org/archives/2007/02/line_height_values.shtml (名無しさん 2007-02-23 17:16:48 +00:00)

[8] 算出値調査用 http://suika.suikawiki.org/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20line-height%3A%20normal%3B%0D%0A%7D%0D%0A;h=%3Cinput%20type%3Dbutton%20onclick%3D%22%0D%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('p')%5B0%5D%3B%0D%0A%20%20var%20sd%20%3D%20getComputedStyle%20(el%2C%20null)%3B%0D%0A%20%20w%20(sd.lineHeight)%3B%0D%0A%22%20value%3DgetComputedStyle%3E%0D%0A%3Cinput%20type%3Dbutton%20onclick%3D%22%0D%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('p')%5B0%5D%3B%0D%0A%20%20var%20sd%20%3D%20el.currentStyle%3B%0D%0A%20%20w%20(sd.lineHeight)%3B%0D%0A%22%20value%3DcurrentStyle%3E%0D%0A%3Cp%3Exxx;p=n;x=style-element (名無しさん)

[9] >>8 Firefoxnormal のとき normal<number> のとき使用値 (px)、 <length><percentage> のとき算出値 (px) を返すようです。

Opera 9 は normal のとき normal<number> のとき getComputedStyle使用値currentStyle算出値 × 1000、 <length><percentage> のとき getComputedStyle使用値 (px)、 currentStyle指定値 (整数切り捨て) を返すようです。

WinIE 6normal のとき normal<number> のとき算出値<length> のとき指定値<percentage> のとき算出値 (なぜか pt) を返すようです。 (名無しさん)

[10] line-height: 0 http://suika.suikawiki.org/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20line-height%3A%200%3B%0D%0A%7D%0D%0A;h=%3Cinput%20type%3Dbutton%20onclick%3D%22%0D%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('p')%5B0%5D%3B%0D%0A%20%20var%20sd%20%3D%20getComputedStyle%20(el%2C%20null)%3B%0D%0A%20%20w%20(sd.lineHeight)%3B%0D%0A%22%20value%3DgetComputedStyle%3E%0D%0A%3Cinput%20type%3Dbutton%20onclick%3D%22%0D%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('p')%5B0%5D%3B%0D%0A%20%20var%20sd%20%3D%20el.currentStyle%3B%0D%0A%20%20w%20(sd.lineHeight)%3B%0D%0A%22%20value%3DcurrentStyle%3E%0D%0A%3Cp%3Exxx;p=n;x=style-element

(名無しさん)

[11] >>10 WinIE 6Opera 9 で CSSOM に現れる値は 0 のままですが、 Firefox 2 では 0pt になります。

[12] 日本語組版処理の要件(日本語版) ( (Japanese Layout Task Force 著, 版)) http://www.w3.org/TR/jlreq/ja/#term.line-length

[13] 日本語組版処理の要件(日本語版) ( (Japanese Layout Task Force 著, 版)) http://www.w3.org/TR/jlreq/ja/#d3e3903

[14] Web Applications 1.0 r8624 Clamp 'line-height' for text fields ( ( 版)) http://html5.org/tools/web-apps-tracker?from=8623&to=8624

[15] Make line height calculation quirk aware of writing modes (zcorpan著, ) https://github.com/whatwg/quirks/commit/551d9baa46f463bf6faf2c4dc6965b6cf6f521a1

[16] [css2] Correct misleading note (frivoal著, ) https://github.com/w3c/csswg-drafts/commit/c02c461fc2f3fa1c900d73037e0a16df99f0854c

[17] [css21][css-inline] height of inline box with line-height not normal · Issue #1797 · w3c/csswg-drafts () https://github.com/w3c/csswg-drafts/issues/1797

[18] [CSS2] Reapply most editorial changes not by Bert by gsnedders · Pull Request #2570 · w3c/csswg-drafts () https://github.com/w3c/csswg-drafts/pull/2570

[20] 日本語組版処理の要件(日本語版), Japanese Layout Task Force 著, http://www.w3.org/TR/jlreq/ja/#line_gap_arrangement_with_ruby_and_other_objects

[19] 日本語でline-height:1.5って、ちょっときつくないですか? - Qiita () https://qiita.com/NagayamaToshiaki/items/25d4969636d05bf48c41

[21] 影鷹 : 0.4 リリースノート (, ) http://www.kagetaka.org/release-notes.html#changes

CSS の line-height が、ルビを含めた高さで計算されるようになったため、大き目の line-height が指定してあれば、ルビのある行と無い行で行間が揃うようになりました。