Given… /* both */ margin: 20px; width: 400px; height: 200px; border-width: 20px; -webkit-border-image: url(transparent.png) 0; /* transparent image to avoid confusion */ /* top */ background: -webkit-gradient(linear, left top, left bottom, from(red), to(blue)); /* bottom */ background: -webkit-gradient(linear, left top, right top, from(red), to(blue)); Safari renders… [image: gradients.png] As does Firefox, with the equivalent rules. 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? David
(image/png attachment: gradients.png)
This archive was generated by hypermail 2.4.0 : Monday, 23 January 2023 02:13:49 UTC