Re: line-height $B$N5sF0$K$D$$$F$N 

$BB<>e$5$s!"CfLn$5$s!"Hs>o$K>\:Y$J$4@bL@!"$"$j$,$H$&$4$6$$$^$9!#(B

$B4JC1$K@bL@$7$h$&$H$9$k$H!V:GDcCM!W$,0lHV6a$$@bL@$@$,!"87L)$K@bL@$9$k$H$9$l$P(B
http://www.w3.org/TR/CSS21/visudet.html#leading
$B$N<0$H$J$j!"$3$N<0$O8=B8$9$k/$7D>4Q$KH?$9$k5sF0$G$b!"$3$N<0$KEv$F$O$a$F7W;;$9$l$P@bL@$G$-$k!"$H$$$&$3$H$G$9$M!#(B

$B$^$@$^$@JY6/Cf$G$9$,!"0lJbM}2r$r?<$a$i$l$?5$$,$7$^$9!#(B

$B$"$j$,$H$&$4$6$$$^$7$?!#(B


-----Original Message-----
From: public-html-ig-jp-request@w3.org [mailto:public-html-ig-jp-request@w3.org] On Behalf Of MURAKAMI Shinyu
Sent: Sunday, December 19, 2010 8:09 PM
To: public-html-ig-jp@w3.org
Subject: Re: $B%k%S$H9T4V$K$D$$$F$40U8+$/$@$5$$(B

Masayuki Nakano <masayuki@d-toybox.com> wrote on 2010/12/19 17:48:33
> On 2010/12/19 13:49, Koji Ishii wrote:
> > data:text/html,<body style="line-height:1em;">first<br>line<br>line<br>line<br>second<span style="border:blue 1px solid;font-size:400%;">big</span><br>third line</body>
> > 
> > $B$3$l$r(BIE$B0J30$GI=<($9$k$H!"!V:GDcCM!W$H$O0[$J$k5sF0$K$J$j$^$9!#@dBPCM$G$b$J$$$h$&$K8+$($^$9!#(B
> > 
> > FireFox$B$H(BSafari$B$GF1$8I=<($K$J$k$N$G!"$I$3$+$rFI$a$P$3$N5sF0$N@bL@$,M}2r$G$-$k$s$@$m$&$H;W$&$s$G$9$,!"$^$@M}2r$G$-$F$$$^$;$s!#(B
> > 
> > $B$b$7$4B8CN$G$7$?$i!"$J$<$3$&$$$&5sF0$K$J$k$+!"65$($F$$$?$@$1$^$9$G$7$g$&$+!)(B
> 
> $B;d$b(Bline stacking$B$O40A4$K$OM}2r$G$-$F$$$J$$$N$G!";XE&$5$l$?%F%9%H%1!<%9(B
> $B$N%l%s%@%j%s%07k2L$K4X$7$F$O40A4$K$O@bL@$G$-$^$;$s!#(B
> 
> $B:GDcCM$K8+$($J$$$N$O(B"big"$B$,B>$N9T$H=E$J$C$F$$$k$+$i$@$H;W$$$^$9$,!"$3$l(B
> $B$O:GDcCM$r3d$j9~$s$G=E$J$C$?$o$1$G$O$"$j$^$;$s!#(B<body>$B$G(Bline-height:
> 1em;$B$H$7$F$$$k$N$G!"(B<body>$B$N(Bfont-size$B$+$i7W;;$5$l$?!"%G%U%)%k%H$N%U%)%s(B
> $B%H%5%$%:$NBg$-$5$,(B<span>$B$K$=$N$^$^7Q>5$5$l$^$9!#$D$^$j!"(B<span>$B$K$O0EL[$G(B
> line-height: 0.25em;$B$,;XDj$5$l$F$$$k$h$&$J>u67$G$9!#(B
> 
> $B$?$@!"%k!<%k$,$3$l$@$1$@$H!"(B<span>$BMWAG$rL5;k$7$FA4$F$N9T$,Ey4V3V$G%l%$%"(B
> $B%&%H$5$l$J$/$F$O$$$1$J$$$h$&$K;W$($^$9$,$N%V%i%&%6$HF1MM$NI=<($K(B
> $B$J$j$^$9(B)$BL@$i$+$K(B<span>$B$N$"$k9T$N9T9b$,3HD%$5$l$F$$$^$9!#$3$NM}M3$O(B
> $B$A$g$C$H;EMM=q$H(BGecko$B$N%=!<%9%3!<%I$rFI$s$G$_$^$7$?$,$^$@M}2r$G$-$F$$$^(B
> $B$;$s!#(B

body $B$N(B font-size $B$,(B 12pt$B!";HMQ$5$l$k%U%)%s%H$N(BA(Ascender)$B$H(BD(Descender)$B$,!"(BA=0.8em$B!"(BD=0.2em $B$H2>Dj$7$F7W;;$7$F$_$^$9!#(B

body $B$N(B line-height = 1em = 12pt$B!J$3$NCM$,(B span $B$K$b7Q>5$5$l$k!K(B

span $B$N(B font-size = 400% = 48pt
span $B$N(B inline box $B$NBg$-$5!'(B
        A = 0.8 * 48pt = 38.4pt
        D = 0.2 * 48pt = 9.6pt
        AD = A + D = 48pt
        L = line-height - AD = 12pt - 48pt = -36pt
        $B%Y!<%9%i%$%s$h$j>e$N9b$5(B A' = A + L/2 = 38.4pt + (-36pt)/2 = 20.4pt
        $B%Y!<%9%i%$%s$h$j2<$N?<$5(B D' = D + L/2 = 9.6pt + (-36pt)/2 = -8.4pt

span $B0J30$N(B inline box $B$NBg$-$5!'(B
        A = 0.8 * 12pt = 9.6pt
        D = 0.2 * 12pt = 2.4pt
        AD = A + D = 12pt
        L = line-height - AD = 12pt - 12pt = 0pt
        $B%Y!<%9%i%$%s$h$j>e$N9b$5(B A' = A + L/2 = 9.6pt + 0pt/2 = 9.6pt
        $B%Y!<%9%i%$%s$h$j2<$N?<$5(B D' = D + L/2 = 2.4pt + 0pt/2 = 2.4pt

$B0J>e$+$i!"$3$N(B line box $B$NBg$-$5$O!"(B
        $B%Y!<%9%i%$%s$h$j>e$N9b$5(B A'(max) = 20.4pt
        $B%Y!<%9%i%$%s$h$j2<$N?<$5(B D'(max) = 2.4pt
        $B9g7W(B L' = A'(max) + D'(max) = 20.4pt + 2.4pt = 22.8pt

$B$H$$$&$3$H$G!"$3$N9T$N9b$5$O(B 22.8pt $B$H!"$[$+$N9T(B 12pt $B$N(B2$BG\6a$/$K$J$C$F$$$k$H$$$&$3$H$G$9!#%V%i%&%6$NI=<($H$@$$$?$$0lCW$9$k$H;W$$$^$9!Je(B $B??M:(B (MURAKAMI Shinyu)
Twitter: http://twitter.com/MurakamiShinyu
Blog: http://blog.antenna.co.jp/CSSPage/
Antenna House Formatter:
http://www.antenna.co.jp/AHF/

Received on Sunday, 19 December 2010 13:58:10 UTC