W3C home > Mailing lists > Public > www-style@w3.org > May 2011

Actual size of an em-sized shadow

From: Kornel Lesiński <kornel@geekhood.net>
Date: Tue, 03 May 2011 22:35:04 +0100
To: www-style@w3.org
Message-ID: <op.vuxcwqazte2ec8@aimac.local>
This case is not interoperable in current browsers:

<div style="font-size: 1px; text-shadow: 0 1em 0 red;">
     <span style="font-size:10px">How</span>
     <span style="font-size:20px">much</span>
     <span style="font-size:30px">is</span>
     <span style="font-size:40px">one</span>
     <span style="font-size:50px">em?</span>

and appears to be unspecified in current CSS Text WD: "same as defined for  
the ‘box-shadow’", but I did not find anything in description of  
box-shadow that would explain how to compute lengths in elements that  
inherit a shadow.

Firefox, Safari and Chrome pick one length for all of text, but they seem  
to compute it differently.

Opera, although in minority, seems to have most sensible interpretation:  
em in shadow is computed relative to font size in each element.

regards, Kornel Lesiński
Received on Tuesday, 3 May 2011 21:36:21 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:38:45 UTC