Edit

Page

Page title:

Page body:

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

[2]
10845AD

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

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

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

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

[7]
[CITE@ja[line-height に単位ありの指定は駄目? | WWW WATCH]] ([CODE[2007-02-24 02:14:03 +09:00]] 版) <http://hyper-text.org/archives/2007/02/line_height_values.shtml>
([[名無しさん]] [WEAK[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 [[Firefox]] は [CODE(CSS)@en[[[normal]]]] のとき
[CODE(CSS)@en[[[normal]]]]、[CODE(CSS)@en[<number>]] のとき[[使用値]]
([CODE(CSS)@en[[[px]]]])、
[CODE(CSS)@en[<length>]] や [CODE(CSS)@en[<percentage>]] のとき[[算出値]]
([CODE(CSS)@en[[[px]]]]) を返すようです。

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

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

[10]
[CODE(CSS)@en[[[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 6]] と [[Opera]] 9 で [[CSSOM]] に現れる値は
[CODE(CSS)[[[0]]]] のままですが、
[[Firefox]] 2 では [CODE(CSS)[0[[pt]]]] になります。

[12] [CITE@ja[日本語組版処理の要件(日本語版)]]
( ([[Japanese Layout Task Force]] 著, [TIME[2012-03-23 20:19:12 +09:00]] 版))
<http://www.w3.org/TR/jlreq/ja/#term.line-length>

[13] [CITE@ja[日本語組版処理の要件(日本語版)]]
( ([[Japanese Layout Task Force]] 著, [TIME[2012-03-23 20:19:12 +09:00]] 版))
<http://www.w3.org/TR/jlreq/ja/#d3e3903>

[14] [CITE@en[Web Applications 1.0 r8624     Clamp 'line-height' for text fields]]
( ([TIME[2014-05-09 07:12:00 +09:00]] 版))
<http://html5.org/tools/web-apps-tracker?from=8623&to=8624>

[15] [CITE@en[Make line height calculation quirk aware of writing modes]]
([[zcorpan]]著, [TIME[2016-07-06 22:21:10 +09:00]])
<https://github.com/whatwg/quirks/commit/551d9baa46f463bf6faf2c4dc6965b6cf6f521a1>

[16] [CITE@en['''['''css2''']''' Correct misleading note]]
([[frivoal]]著, [TIME[2017-11-16 10:29:20 +09:00]])
<https://github.com/w3c/csswg-drafts/commit/c02c461fc2f3fa1c900d73037e0a16df99f0854c>

[17] [CITE@en['''['''css21''']''''''['''css-inline''']''' height of inline box with line-height not normal · Issue #1797 · w3c/csswg-drafts]]
([TIME[2019-02-18 12:11:59 +09:00]])
<https://github.com/w3c/csswg-drafts/issues/1797>

[18] [CITE@en['''['''CSS2''']''' Reapply most editorial changes not by Bert by gsnedders · Pull Request #2570 · w3c/csswg-drafts]]
([TIME[2019-02-18 12:12:08 +09:00]])
<https://github.com/w3c/csswg-drafts/pull/2570>

[20] [CITE@ja[日本語組版処理の要件(日本語版)]],
[[Japanese Layout Task Force]] 著, [TIME[2012-03-23 20:19:12 +09:00]] 版
<http://www.w3.org/TR/jlreq/ja/#line_gap_arrangement_with_ruby_and_other_objects>

[19] [CITE[日本語でline-height:1.5って、ちょっときつくないですか? - Qiita]]
([TIME[2021-07-30T03:33:08.000Z]])
<https://qiita.com/NagayamaToshiaki/items/25d4969636d05bf48c41>

[FIG(quote)[
[FIGCAPTION[
[21] [CITE[影鷹 : 0.4 リリースノート]]
([TIME[2005-05-09T11:53:17.000Z]], [TIME[2022-08-31T03:24:12.430Z]])
<http://www.kagetaka.org/release-notes.html#changes>
]FIGCAPTION]

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

]FIG]

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Page name(s)