CSS border-image-source ominaisuus
- edellinen sivu border-image-slice
- Seuraava sivu border-image-width
Määrittely ja käyttö
border-image-source-ominaisuus määrittää käytettävän kuvan korvaamaan reunan tyyliä asetetun reunan tyylin.
Vinkki:Jos arvo on "ei" tai jos kuva ei näy, käytä reunan tyyliä.
Katso myös:
CSS3-opas:CSS3 reunat
Esimerkki
Käytä kuvaa reunana div-elementin ympärillä:
div { border-image-source: url(border.png); }
CSS-kieli
border-image-source: none|kuva;
Ominaisuuden arvo
Arvo | Kuvaus |
---|---|
ei | Ei kuvaa käytetä. |
kuva | Polku kuvasta, jota käytetään reunan kuvana. |
Tekninen yksityiskohta
Oletusarvo: | ei |
---|---|
Perintä: | ei |
Versio: | CSS3 |
JavaScript-kieli: | object.style.borderImageSource="url(border.png)" |
Selaimen tuki
Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee täysin tätä ominaisuutta.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Katso: border-image ominaisuus.
- edellinen sivu border-image-slice
- Seuraava sivu border-image-width