::overflow pseudo element

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 UTC