Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Enregistrer le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <head> <style> #borderimg1 { bordure: 10px solide transparent; padding: 15px; border-image: url(border.png) 50 round; marge-inférieure: 15px; } #borderimg2 { bordure: 10px solide transparent; padding: 15px; border-image: url(border.png) 20% round; marge-inférieure: 15px; } #borderimg3 { bordure: 10px solide transparent; padding: 15px; border-image: url(border.png) 30% round; marge-inférieure: 15px; } </style> </head> <body> <h1>La propriété border-image</h1> <p>Différentes valeurs de tranche changent complètement l'apparence de l'image de bordure :</p> <div id="borderimg1">border-image: url(border.png) 50 round;</div> <div id="borderimg2">border-image: url(border.png) 20% round;</div> <div id="borderimg3">border-image: url(border.png) 30% round;</div> </body> </html>