Re: Interaction between border-image and background gradients

Thanks, Tab and Simon!

I now see that the background _is_ repeating in both directions. I added
`no-repeat` to the `background` rule as you suggested, Simon, which prevents
the gradient from filling the border region. :)

I have one more question: Is it possible to have the background gradient
begin at the border's outer edge rather than the border's inner edge?

David


On 19 August 2010 15:08, Tab Atkins Jr. <jackalmage@gmail.com> wrote:

> On Wed, Aug 18, 2010 at 9:13 AM, David Chambers
> <david.chambers.05@gmail.com> wrote:
> > Is this correct behaviour? Why does the gradient extend to the border
> edge in one direction only? Why the opposing stripes in the other direction?
>
> It's correct behavior.  Unless you specify otherwise, the default
> behavior of backgrounds is to repeat.  That's what's happening here -
> the gradient is repeating in both directions.  It looks like a pretty
> solid color, though, if you only grab 20px from each side.  Make the
> border-width 200px and all will be revealed.
>
> ~TJ
>