Bert Bos | CSS tutorial – borders
Borders
From the demo:
.border_groovy { border-image: url(groovy.png); border-image-slice:124; border-image-repeat: round; border:solid 124px beige }
Still need to specify 'border'
2013: Firefox: yes; Safari & Chrome: yes; Opera: with prefix; IE: no
From the demo:
span { border-image: linear-gradient(blue, green) 33% round stretch; }
From the demo:
div:nth-child(6) { border-radius: 160px 0 60px 0 / 160px 0 30px 0; } /* 4 horizontal radii / 4 vertical radii */
From the demo:
div:nth-child(2) div{ box-shadow:rgba(102,90,74, .7) 3px 3px inset; }