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
Valid XHTML og CSS / Copyright © Erik Ginnerskov december 2011
Hjemmesideskolen
Du er her: Forsiden - css - egenskaber - border-image
sidens top
Brugere lige nu: 1
Home Mail