Outils pour utilisateurs

Outils du site


Panneau latéral

webdev:html_css:border-image

Bordure avec une image

Tuto W3C

Les propriétés se comportent bizarrement ici, faire des tests. Il faut placer le border avant le border-image. Bien chercher avec slice et width.

Pour une image qui fait 1900 x 4 px, affichée en haut et en bas :

    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-image-repeat: stretch;
    border-image-slice: 100% 50%;
    border-image-width: 8px 100%;
    border-image-outset: 0;
    border-image-source: url(img/bandeau-degrade-1900.png);
webdev/html_css/border-image.txt · Dernière modification: 16/01/2016 21:23 (modification externe)