Dual transparencies on borders

I've tried to search the lists for this, but I seem not to find anything.  
This is about CSS3.

Let's say I'm trying to draw a star-like border, a la "Greatest offer!",  
where the border is visually no more than an broken line. Something like:

  $$$outside content$$$
  $$/\$$/\$$/\$$/\$$/\$
  #/##\/##\/##\/##\/##\
  ###inside content####

Let's say "outside content" has a background-image: url('pattern1.png')  
and "inside content" has a background-image: url('pattern2.png'). How will  
authors be able to specify that the lower part of the border --indicated  
by "#"-- will use the background from pattern2.png and the upper part of  
the border --indicated by "$"-- will use the background from pattern1.png?

Painting those patterns in the border-image does not help, as nothing will  
assure that there will be a smooth transition from the background in the  
content to the "background" painted in the border-image.

I don't know if I explained correctly my question.

Octavio.

Received on Wednesday, 24 August 2005 05:03:08 UTC