W3C home > Mailing lists > Public > www-style@w3.org > April 1997

Re: DSSSL

From: David Perrell <davidp@earthlink.net>
Date: Mon, 21 Apr 1997 15:34:31 -0700
Message-Id: <199704212241.PAA10111@sweden.it.earthlink.net>
To: <lee@sq.com>, <www-style@w3.org>
lee@sq.com wrote:
> David Perrell" <davidp@earthlink.net> wrote:
> > A CSS floated SPAN should make drop caps easy.
> 
> No, because you can't get the size right in CSS...

Theoretically you can as long as the specified font is available.
Substitutions will likely knock the alignment off a few pixels.
Difficult to say how bad without a browser that supports floated SPAN
and negative margins on floats.

> The best way to do drop caps is to have a built-in property, e.g.
> P { initial-letter: @drop-cap(lines: 3 font: xxx) }

Or perhaps a more general drop-lines property?

   P:first-letter { drop-lines: 3}
or
   SPAN           { drop-lines: 3; font: xxx; font-size: xx }
?

The drop-lines property would be special 'float' that would:

1. apply the float:left property

2. apply the font-family, font-weight, font-style, and
   font-variant properties as specified

3. compute a new default font-size for the floated element
   such that the cap height equals (parent's cap height)
   + (drop-lines * parent's line-height)

4. apply the font-size property, if given, (percentage values
   would refer to the computed default)

5. adjust the vertical alignment of the floated element, such that
   the baseline of the floated element aligns with the baseline of
   line [drop-lines + 1] in the parent element

6. adjust the default line-height of the float to coincide with
   the bottom of the lowest glyph (in the case of cap letters,
   this should allow the line following line [drop-lines + 1]
   in the parent to begin at the left margin, avoiding the 'hole'
   under the drop cap that would otherwise occur)

Note that a SPAN with drop-lines could be applied to any number of
characters. By specifying that the property determines _default_
font-size and line-height, the author still has the option of
specifying a larger size font (it's not an uncommon drop-cap style to
have the cap significantly taller than the following text) or of
changing the parent's text flow below the element. Also, a negative
left margin could be used to pull the character to the left of the
normal margin (also not an uncommon style)

The most important function of any drop cap property is to align
baselines. Don't force other properties into a specific stylistic
convention.

David Perrell
Received on Monday, 21 April 1997 18:42:08 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:53:49 GMT