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

::overflow pseudo element

From: Anne van Kesteren (fora) <fora@annevankesteren.nl>
Date: Mon, 10 May 2004 16:00:37 +0200
Message-ID: <409F8B05.90001@annevankesteren.nl>
To: www-style@w3.org

Not sure which module is appropriate. Probably 'css3-box' or 'css3-content'.

Ok, the proposal. '::overflow' can be used as an element, which can be 
positioned independently. All the text that doesn't fit in the box will 
go to this pseudo-element when a special value for 'overflow' (the 
/property/) has been set. When '::overflow' is set in a CSS file like:

   div::overflow(1){
    /* styles */
   }

It is created, but that doesn't mean it has to be filled with text, 
since that is not always the case. As you can see '::overflow' accepts 
arguments, an absolute <number>. (Note that you can't skip a number.)

It is inserted in the DOM as a (next)sibling, like:

  <div/>
  <::overflow/>

So that it can be styled easily. A small example:

   div{
    height:50px;
    width:100px;
    overflow:overflow-box;
   }
   div::overflow(1){
    height:60px;
    overflow:overflow-box;
   }
   div::overflow(2){
    height:100px;
    overflow:visible;
   }

If parts are unclear, feel free to ask for explanation. If you don't 
think this is implementable, please say it.


-- 
  Anne van Kesteren
  <http://annevankesteren.nl/>
Received on Monday, 10 May 2004 10:01:58 GMT

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