border-image css3
31
Siden er opdateret d. 5. 9. 2015
Med border-image skulle det være muligt at indsætte et lille grafikbillede som border om et element. Det er bare ikke implementeret i andre browsere end Opera endnu. Med et hack kan Chrome og Safari bringes til at fungere.
#demo {
border-image:url(border.png) 30 30 round;
}
vil se sådan ud :
Noget tekst i en ramme med en grafisk border - grafikken gentaget.
Hvis du sætter sidste værdi til stretch:
#demo {
border-image:url(border.png) 30 30 stretch;
}
vil se sådan ud :
Noget tekst i en ramme med en grafisk border - grafikken strukket.
De 2 mulige værdier er:
- round
- gentager borderbilledet indtil hele rammen er udfyldt
- stretch
- strækker borderbilledet indtil hele rammen er udfyldt
